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

Posted 2023-05-09

【中文标题】选择连接：如果所选选项的值为 1，则显示另一个选择

【英文标题】：Select concatenated: if selected option have value 1, show another select

【发布时间】：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 类，但它不起作用。

【参考方案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/