jquery - 选择连接 : if selected option have value 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);
    });
});