我有两个下拉框。
<select id="brand">
<option id="20">Honda</option>
<option id="22">Maruti</option>
</select>
<select id="model">
<option id="50">City</option>
<option id="51">Alto</option>
<option id="52">Amaze</option>
<option id="53">Civic</option>
<option id="54">Swift</option>
<option id="55">Ritz</option>
</select>
根据所选的品牌，我必须使用适当的值加载型号下拉列表。如果用户从 brand 中选择 Honda，则 model 下拉列表应仅包含(显示)City、Amaze、 和公民值(value)观。
由于选项 ID 是动态创建的，我无法通过其 id 访问该选项。无需添加新选项，因为所有选项都在那里。所以我只需要在模型下拉列表中显示/隐藏选项。
我很困惑，因为我无法通过其 id 访问该选项(它们是动态创建的)，我只能通过其文本访问。
我怎样才能做到这一点？请帮助我...
最佳答案
试试这个 Demo
$('#brand').change(function() {
var brandValue = $(this).val();
if(brandValue == "Honda") {
$("#model option[id='50']").show();
}
})
关于jquery - 使用 jquery 显示/隐藏下拉菜单中的选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30571745/