Question

我的下拉菜单中包含相同的值。但是我想限制用户在每个值中选择唯一值。并且我得到了相同的代码。

但是在该代码中，我遇到了问题。当我从“第一个下拉列表”中选择一个值时，将无法从其余的下拉列表中进行选择。但是当我当时从“第一个下拉列表”中选择其他值（取消选择）时，“上一个和当前值”值的“第一下拉”按钮将无法与其他按钮一起使用...

所以现在我只希望“当前选定的值”不能用于休息。.先前选定的值应可用于其他...

我希望你有我的问题。.

我有不允许我从其他下拉菜单中选择以前和当前值的代码。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="js/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
    {  
        $("select").change(function() 
        {   
            //t($("select").val());
            $("select").not(this).find("option[value="+ $(this).val() + "]").attr('disabled', true);
        }); 
}); 
    </script>
</head>
<body>
<form method="post">
    <select id="select1" name="indication_subject[]">
  <option value=""> Select Value </option>
  <option value="1"> Accounting</option>
  <option value="2"> Afrikaans</option>
  <option value="3"> Information Technology</option>
  <option value="4"> Arabic</option>
  <option value="5"> Art and Design</option>
  <option value="6"> Biology</option>
  <option value="7"> Business Studies</option>
</select>

<select id="select2" name="indication_subject[]">
  <option value=""> Select Value </option>
  <option value="1"> Accounting</option>
  <option value="2"> Afrikaans</option>
  <option value="3"> Information Technology</option>
  <option value="4"> Arabic</option>
  <option value="5"> Art and Design</option>
  <option value="6"> Biology</option>
  <option value="7"> Business Studies</option>
</select>

<select id="select3" name="indication_subject[]">
  <option value=""> Select Value </option>
  <option value="1"> Accounting</option>
  <option value="2"> Afrikaans</option>
  <option value="3"> Information Technology</option>
  <option value="4"> Arabic</option>
  <option value="5"> Art and Design</option>
  <option value="6"> Biology</option>
  <option value="7"> Business Studies</option>
</select>
</form>
</body>
</html>

防止/将一个下拉列表值限制为其余的值（多个下拉列表中不允许重复的值）

0 个答案: