考慮以下引導選擇器：
<select id="parent" class="selectpicker">
<option value="1">Parent 1</option>
<option value="2">Parent 2</option>
</select>
<select id="child" class="selectpicker">
<option value="1">Child - Parent 1</option>
<option value="2">Child - Parent 2</option>
</select>
$("#parent").on('change', function (e) {
var parentId = $(this).val();
$("#child option").each((i,a) => {
var childParentId = $(a).value();
if(childParentId != parentId) {
$(a).hide();
} else { $(a).show() }
});
$("#child").selectpicker("refresh")
});
無論我做什么， $(a)??.show() 都不起作用。我缺少什么？
uj5u.com熱心網友回復：
您需要使用$(this)來獲取 dom 但不是$(a)
更新：jsfiddle
$("#parent").on('change', function (e) {
var parentId = $(this).val();
$("#child option").each(function() {
var childParentId = $(this).val();
if(childParentId != parentId) {
$(this).hide();
} else { $(this).show() }
});
// $("#child").selectpicker("refresh")
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="parent" class="selectpicker">
<option value="1">Parent 1</option>
<option value="2">Parent 2</option>
</select>
<select id="child" class="selectpicker">
<option value="1">Child - Parent 1</option>
<option value="2">Child - Parent 2</option>
</select>uj5u.com熱心網友回復：
問題出在這一行
"var childParentId = $(a)??.value();"
你使用“value()”正確的語法是“val()”
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/374353.html