具有相同值的下拉列表 - 驗證

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'); 
});