jQuery - 禁用选项时更改选择值

时间:2011-01-29 22:24:03

标签: jquery html forms select

我有两个选择框,第一个选择框有两个选项:

  • 第一组颜色
  • 第二组颜色

第二个有几个选项:

  • 红色
  • 绿色
  • 粉红色

现在当有人选择“第一组颜色”时,Blue&第二个选择框中的粉红色被禁用。 与其他选项相同。

问题在于,如果您选择“第一组颜色”然后选择“第二组颜色”,则第二个选择框仍将选择蓝色或粉红色,即使该选项已禁用。

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

PS:对于禁用/启用效果,我使用此功能:jQuery - disable input field based on another field selected value

1 个答案:

答案 0 :(得分:1)

当第一个选择更改时,您可以从第二个选择中的所有选项中删除所选属性,这应该在第一个下拉列表更改后的第二个下拉列表中不会选择任何内容。

例如,假设第一个下拉列表的设置,第二个下拉列表的颜色

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

Example (without proper enable/disable setup)