Question

我有5个下拉列表，如果我在下拉列表中选择一个值，那么选择的值不应该在剩余的下拉列表中。

我正在使用select2下拉列表。我在这里试过这个 HTML： 1 2 3 4 五

ZoneOffset.UTC

自我下拉列表中的这一个删除选项不在其他选项中。

任何人都可以帮帮忙。

Answer 1

$(document).ready(function() {
  $(".select_tes").select2();
  
  $('.select_tes').change(function(){
    var selected = $(this).val();
    $('.select_tes').find("option[value="+selected+"]").detach();
  })
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<select class='select_tes'>
  <option value='1'>tes1</option>
  <option value='2'>tes2</option>
  <option value='3'>tes3</option>
</select>

<select class='select_tes'>
  <option value='1'>tes1</option>
  <option value='2'>tes2</option>
  <option value='3'>tes3</option>
</select>

Answer 2

您的脚本没有我尝试过的所需功能，并且在选择的其余部分中选择了已选中的选项，请查看以下链接

codepen.io/jainaman23/pen/zzvGpL

在select2 jquery中的drop down2中删除选定的drop down1值

2 个答案: