javascript - jQuery 两个下拉菜单? (动态地)

标签 javascript jquery menu drop-down-menu

如果我有两个下拉菜单,例如:

<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/

相关文章:

android - 使用 MenuItemCompat 获取 SearchView (Android)

javascript - 连接相邻的矩形?

javascript - 将对象添加到数组中

javascript - jquery .one() 触发查询一次,但是如果 .one() 内部出现问题,我如何才能触发查询一次?

javascript - SharePoint REST 查询 SP.UserProfiles.PeopleManager

list - capybara :选择或单击下拉列表中的链接

jquery - 在移动 View 中无法弄清楚如何使我的菜单按钮工作

javascript - 使用数组计算坐标之间的距离并设置Y轴和比例 - D3.js

javascript - 在 Javascript (node js) 中将带有 & 符号的字符串转换为键值映射

javascript - mouseout时如何停止mouseenter功能