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

【问题标题】：Select concatenated: if selected option have value 1, show another select选择连接：如果所选选项的值为 1，则显示另一个选择
【发布时间】：2015-07-04 02:34:35
【问题描述】：

我有这个问题。只有当我在选项中选择 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 类，但它不起作用。

【问题讨论】：

标签： jquery html css select jquery-selectors

【解决方案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);
    });
});

【讨论】：

【解决方案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/

【讨论】：