gpt4 book ai didi

javascript - 在下拉选择中禁用某些选项

转载 作者:太空宇宙 更新时间:2023-11-04 15:55:26 24 4
gpt4 key购买 nike

选择选项值“2”时需要禁用选项“5”和“6”。选择选项“1”时,它应显示 List_2 中的所有选项。我怎样才能使用 jQuery 或任何其他方法来做到这一点。

if ($('option[value=2]').prop('selected', true)) {
$('option[value=5]').prop('disabled', true);
}
<HTML>
<body>

<select id= "List_1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>

</select>

<select id= "List_2">
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>

</body>
</HTML>

最佳答案

给您一个解决方案 https://jsfiddle.net/eurbvzk1/

var disabledDic = {
"1" : ["6"],
"2" : ["4", "5"],
"3" : []
}

$('select#list_1').on('change', function(){
$('select#list_2 option').each(function(){
$(this).removeAttr('disabled');
});

var disableOption = disabledDic[$(this).val()];
$.each( disableOption, function(i){
$('option[value="' + disableOption[i] + '"]').prop('disabled', 'disabled');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="list_1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 2</option>
</select>

<select id= "list_2">
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>

创建一个包含每个第一个选择选项的字典,因为键和值将是第二个列表中禁用选项的列表。

Onchange 方法检查字典并循环遍历禁用的值。

希望对您有所帮助。

关于javascript - 在下拉选择中禁用某些选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46147928/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com