Набор выпадающих с одинаковым значением - проверка

У меня есть набор из четырех выпадающих (bootstrap selectpicker) с одинаковыми значениями от одного до десяти с разными идентификаторами и именами, например. [id="select1",id="select2"].

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

$("select").change(function() { var value = $(this).val();
//alert(value); $("select").not(this).find("option[value ="+value+"]").attr('disabled',true).selectpicker('refresh'); });

Я пробовал приведенный выше код, но он не работает.

1 ответ

Решение

Попробуйте удалить опцию:

$("select").click(function() { 
var value = $(this).val(); 
$("select").not(this).find("option[value ="+value+"]").remove(); //.prop('disabled', true);
$("select").not(this).selectpicker('refresh');
 }); 
Другие вопросы по тегам