选择连接：如果选择选项的值为1，则显示另一个选择

Question

我有这个问题。我只想在选项中选择YES时显示另一个选择，其值为1

    <select id="select_one">
       <option value="1">Yes</option>
       <option value="0">No</option>
    </select>

    <select id="select_yes" style="display:none">
        <option>Yes</option>
        <option>No</option>
    </select>

这是jQuery代码：

jQuery("#select_one").change(function() {
    if(jQuery("#select_one option:selected").val() == 1){
        jQuery("#select_yes").css('display','block');
    }

});

我试图改变css类，但它没有用。

Answer 1

尝试：

$(document).ready(function () {
    $('#select_one').on('change', function() {
        if ($('#select_one option:selected').val() == 1) {
            $('#select_yes').show();
        } else {
            $('#select_yes').hide();
        }
    })
});

演示：https://jsfiddle.net/tvvef0nd/

或

缩短方式：

$(document).ready(function () {
    $('#select_one').on('change', function() {
        $('#select_yes').toggle($('#select_one option:selected').val() == 1);
    });
});

Answer 2

我希望这有效

 $(document).ready(function () {
function toggleDropdown(){
  if(jQuery("#select_one option:selected").val() == 1){
    jQuery("#select_yes").css('display','block');
}
else{
     jQuery("#select_yes").css('display','none');
}
}
toggleDropdown(); // check the condition on page load, too
jQuery("#select_one").change(function() {
  toggleDropdown();

});
});

Jsfiddle链接：https://jsfiddle.net/Lo2ou90s/