У меня есть несколько выпадающих меню с одинаковыми параметрами.В конкретном раскрывающемся поле я хочу отключить или скрыть значения, которые были выбраны в предыдущем раскрывающемся поле.
Например: если у нас есть 3 варианта (A, B, C) и мы выбираем A в раскрывающемся списке 1, то A следует скрыть или отключить в оставшихся раскрывающихся списках, а любые динамические изменения следуетсоответственно.
Выпадающие значения выбираются из базы данных и отображаются в списке.
Ниже приведен HTML-код.
<select class="form-control" th:name="course1" th:id="course1">
<option th:value="Preference_1" style="color:#8F8B87" selected>Select Preference 1</option>
<option th:each="i : ${courseList}" th:value="${i.electiveCourseId}" th:text="${i.electiveName}" style="color:#000"></option>
</select>
<select class="form-control" th:name="course2" th:id="course2">
<option th:value="Preference_2" style="color:#8F8B87" selected>Select Preference 2</option>
<option th:each="i : ${courseList}" th:value="${i.electiveCourseId}" th:text="${i.electiveName}" style="color:#000"></option>
</select>
В поисках решения jQuery для указанной проблемы.