Jquery Select2.js选定的下拉顺序

时间:2018-01-05 13:03:20

标签: javascript jquery jquery-select2

检查了以下链接我也面临同样的问题,但我使用的是select2.js,请告诉我如何以多选下拉菜单中选择的相同顺序获取多值。

jquery multiselect selected data order

1 个答案:

答案 0 :(得分:2)

在多选中有一个Select2 issue:选择不会按照选择的顺序出现。

以下是使用用户xelax90在该问题中提出的解决方法的代码段:



$(document).ready(function() {
  
  $("#select").select2({
  	width: "100%",
  });

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

<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.6-rc.0/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

<div class="container">
  <select multiple="multiple" id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
  </select>
</div>
&#13;
&#13;
&#13;