jQuery的 - 改变选择值时，选项被禁用

Question

我有两个选择框，第一个选择框有两个选项：

• 一组颜色
• 第二套颜色

的第二个有几个选项：

• 红
• 绿色
• 蓝
• 粉红

现在，当有人选择了“第一套颜色”，从第二个选择框蓝&粉红得到禁止。 与其他选项相同。

问题是，如果选择“第一组颜色”，然后选择“第二组颜色”，即使该选项被禁用，第二个选择框仍将选择蓝色或粉红色。

那么，如何根据第一个选择框自动将其值更改为非禁用选项？

PS：对于禁用/启用效果我使用这个功能：jQuery - disable input field based on another field selected value

Answer 1

你可以在你的第二个所有的选项删除选定的属性时，第一选择的变化，这应该离开没有什么选择的选择第一个下拉菜单发生变化后的第二个下拉菜单。

例如，假定的套用于第一下拉和颜色用于第二下拉一个id：

$("#sets").change(function() { 
    $("#colors option:selected").removeAttr("selected"); 
}); 

Example (without proper enable/disable setup)