在select2 jquery的下拉2中删除选定的下拉1值

Question

我有 5 个下拉菜单，如果我在下拉菜单 1 中选择一个值，并且所选值不应该出现在剩余的下拉菜单中。

我正在使用 select2 下拉菜单。 在这里我试过这个 HTML： 1 2 3 4 5

<select class="select2" id="select2">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<select class="select2" id="select3">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<select class="select2" id="select4">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<select class="select2" id="select5">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

jQuery:

$("select").on("select2:select", function (evt) {
    var element = evt.params.data.element;
    var $element = $(element);
    $element.detach();      
    $(this).append($element);
    $('.#merchant_referral_customer_gms_id2').trigger("change");
});

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

谁能帮帮我。

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