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

【问题标题】：jQuery - change select value when option is disabledjQuery - 禁用选项时更改选择值
【发布时间】：2011-06-17 21:53:12
【问题描述】：

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

第二个有几个选项：

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

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

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

【问题讨论】：

【解决方案1】：

当第一个选择发生更改时，您可以从第二个选择的所有选项中删除 selected 属性，这样在第一个下拉列表更改后，您的第二个下拉列表中应该没有任何选择。

例如，假设第一个下拉菜单的 ID 为 sets，第二个下拉菜单的 ID 为 colors：

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

【讨论】：