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)