在div中获取选择值，然后显示主div的子级div

Question

HTML：

<div class="question>
   <select name="status">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
   </select>
   <div class="subquestion">
    <input type="file name="file>
   </div>
</div>

JS

$(document).ready(function () {
    $(".question").each(function () {
        $(".subquestion").hide();
        $('select[name=status]').click(function () {
            if (this.value == "1" || this.value == "2" || this.value == "3") {
                // show $(this) div 'subquestion'
            }
            else {
               $(".subquestion").hide();
            }
        })
    })
});

我想使用此选择值获取选择值，然后如果值是1 || 2 || 3然后使用这个div子问题show（）; 但是它必须在if语句因为其处于选择（'select'）标记之外并且div子问题在该标记之外。

Answer 1

改变这个：

           $('select[name=status]').click(function () {
                if (this.value == "1" || this.value == "2" || this.value == "3") {
                    // show $(this) div 'subquestion'
                }
                else {
                   $(".subquestion").hide();
                }
            })

对此

           $('select[name="status"]').change(function () {
                if ($(this).val() == "1" || $(this).val() == "2" || $(this).val() == "3") {
                    $(this).closest('.question').find(".subquestion").show();
                }
                else {
                   $(this).closest('.question').find(".subquestion").hide();
                }
            })

Answer 2

如果您需要显示与该问题相关的subquestion问题，请使用以下命令：

$(document).ready(function () {
    $(".question").each(function () {
        $(".subquestion").hide();
        $('select[name=status]').change(function () {
            if (this.value == "1" || this.value == "2" || this.value == "3") {
                $(this).next('.subquestion').show();
            }
            else {
               $(this).next('.subquestion').hide();
            }
        })
    })
});

检查此演示http://jsfiddle.net/6ZxDJ/