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

Question

我有一组四个 select 下拉列表（bootstrap selectpicker），它们具有相同的值 1 到 10，但 ID 和名称不同，例如 [id="select1",id="select2"].

我如何验证此下拉菜单，以便用户无法 select 相同的值。例如，如果用户在第一个下拉菜单中选择了 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');
 });