jQuery - изменить значение выбора, когда опция отключена

Question

У меня есть два поля выбора, первое поле выбора имеет две опции:

• Первый набор цветов
• 2-й набор цветов

У второго есть несколько опций:

• красный
• зеленый * 1014
• синий
• розовый

Теперь, когда кто-то выбирает «Первый набор цветов», синий и розовый из второго поля выбора отключаются. То же самое с другим вариантом.

Проблема в том, что если вы выберете «Первый набор цветов», а затем «2-й набор цветов», во втором поле выбора все равно будет выбран синий или розовый, даже если этот параметр отключен.

Итак, как я могу автоматически изменить его значение на неотключенную опцию на основе первого поля выбора?

PS: для эффекта отключения / включения я использую эту функцию: jQuery - отключить поле ввода на основе другого значения выбранного поля

Answer 1

Вы можете удалить выбранный атрибут из всех опций вашего второго выбора, когда первый выбор изменится, что не должно оставлять ничего выбранного во втором раскрывающемся списке после изменения первого раскрывающегося списка.

Например, принимая идентификатор , задает для первого раскрывающегося списка и цвета для второго раскрывающегося списка:

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

Пример (без надлежащего включения / выключения настройки)