如果我有两个下拉菜单,例如:
<select>
<option value="option1">option 1</option>
<option value="option2">option 2</option>
<option value="option3">option 3</option>
</select>
后跟:
<select>
<option value="option5">option 5</option>
<option value="option8">option 8</option>
<option value="option9">option 9</option>
</select>
我怎样才能做到,如果有人从第一个下拉列表中选择选项 2,那么第二个下拉列表中只有选项 9 可用? 有人告诉我我需要存储这些值,但我对这一切有点迷失?
感谢您的帮助。
约翰
最佳答案
证明:http://jsfiddle.net/iambriansreed/VLvYA/
根据要求禁用,并且自动选择选项。
$('#first-select').change(function(){
$('#second-select option').prop('disabled',false);
if(this.value == 'option2')
$('#second-select option:not([value="option9"])')
.prop('disabled',true).parent().val('option9');
});
关于javascript - jQuery 两个下拉菜单? (动态地),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10451447/