Как удалить параметры в нескольких раскрывающихся меню

Мне было интересно, есть ли у кого-то идея, как удалить выбранный вами вариант в нескольких раскрывающихся меню.

Я понятия не имею, можете ли вы это сделать с выпадающим меню, может быть, мне нужен datalist или что-то еще.

Но я имею в виду, что у меня есть, например, 6 выпадающих меню, как это выпадающее меню

Я сделал так, чтобы у вас было 1 – 6, но если я выберу номер 3 в первом, как я могу удалить его во втором меню или сделать невидимым.

У меня была эта проблема в нескольких проектах от меня, но я никогда не знал, как ее решить.

Код 1 из меню

<select name="getal" form="enquete" /> <?php for($i=1; $i<=5; $i++) { echo "<option value=".$i.">".$i."</option>"; } ?> </select> 

Предположим, у вас есть два варианта выбора:

 <select name="getal" form="enquete" class="selectmenu"/> <?php for($i=1; $i<=5; $i++) { echo "<option value=".$i.">".$i."</option>"; } ?> </select> <select name="getal2" form="enquete" class="selectmenu"/> <?php for($i=1; $i<=5; $i++) { echo "<option value=".$i.">".$i."</option>"; } ?> </select> 

Вы можете добавить 2 селектора jquery – они могут быть динамическими – я покажу вам, как это сделать с двумя раскрывающимися списками:

 var $drop1 = $("#geta1"); var $drop2 = $("#geta2"); 

Создайте функцию, которая будет реагировать на изменение выпадающего списка 1 (опять же, вы можете сделать это на каждом рядом с нажатым):

 $drop1.change(function() { var selectedItem = $(this).val(); if (selectedItem) { $drop2.find('option[value="' + selectedItem + '"]').remove(); } }); 

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

Это то, что вы хотите сделать?

  $("#drop1").change(function () { var d1 = this.value; if(d1==3) { $('#drop3').hide(); } });