一组具有相同值的下拉列表 - 验证

Question

我有一组四个选择下拉列表 (bootstrap selectpicker)，它们具有相同的值 1 到 10，具有不同的 ID 和名称，例如 [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'); });

我尝试了上面的代码，但它不起作用。

Answer 1

尝试删除该选项：

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