Мне было интересно, есть ли у кого-то идея, как удалить выбранный вами вариант в нескольких раскрывающихся меню.
Я понятия не имею, можете ли вы это сделать с выпадающим меню, может быть, мне нужен 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(); } });