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

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

尝试删除选项：如果“1”在第一个下拉列表被JS选择

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