[英]How to disable certain options in a drop down select?
我们有两个不同的下拉框,并且根据在第一个中选择哪一个,选项将在第二个中显示为灰色。
http://jsfiddle.net/vUEks/109/
HTML
<select>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<select>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>
JS
if ($('option[value=2]').prop('selected', true)) {
$('option[value=5]').prop('disabled', true);
}
听change
第一事件select
元素,然后有条件地禁用option
,其值是5,如果所选择的option
的值是2:
$('select:first').on('change', function () {
$('option[value=5]').prop('disabled', this.value === '2');
});
根据您的完整HTML,您可能实际上不需要jQuery:
document.querySelector('.first-menu').addEventListener('change', function () {
document.querySelector('option[value="5"]').disabled = this.value === '2';
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.