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

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