Question

当我选择＆＃39; US＆＃39;时，我希望显示statecat下拉菜单。为什么目前没有这样做？

非常感谢您的帮助。

HTML 的

<select name="cat" id="cat">
    <option value="uk">uk</option>
    <option value="us">us</option>
</select>

<select name="statecat" id="statecat">
    <option value="me">maine</option>
    <option value="ge">georgia</option>
</select>

的Javascript

jQuery('#cat').change(function(){
if(jQuery('#cat').val()=="us")
    jQuery('form#stateSwitch').show();
else {
    jQuery('form#stateSwitch').hide();
})

if(jQuery('#cat').val()=="0")
jQuery('form#languageSwitch').siblings('div').show();
    else{
    jQuery('form').siblings('div').hide();
    jQuery('.'+jQuery('#cat').val()).show();

    }
});

Answer 1

您可以简单地使用切换：

jQuery('#cat').change(function() {
  $("#statecat").toggle($(this).val() == "us");
});

#statecat {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<select name="cat" id="cat">
  <option value="uk">uk</option>
  <option value="us">us</option>
</select>
<select name="statecat" id="statecat">
  <option value="me">maine</option>
  <option value="ge">georgia</option>
</select>

<强>参考

.toggle()

使用2个选择菜单显示/隐藏问题

1 个答案: