Select2:如何防止标签排序

2023-12-21

当用户选择许多项目(标签)时,它们会自动按字母顺序排序。如何使用Select2 4.0防止自动排序并保留用户的顺序?

Update:

提到的“可能的重复问题”适用于旧版本的 Select2 v3...我询问版本 4...它与旧版本不同,并且提到的答案不能解决问题。


我找到了一个适用于 Select2 v4 的解决方案。它更改项目的顺序 - 用户选择的项目被移动到末尾。

$("select").select2();

$("select").on("select2:select", function (evt) {
  var element = evt.params.data.element;
  var $element = $(element);
  
  $element.detach();
  $(this).append($element);
  $(this).trigger("change");
});
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.js"></script>

<select style="width: 500px;" multiple="multiple">
  <option>two</option>
  <option>four</option>
  <option>six</option>
</select>

Update

解决方案在这里找到:github.com/select2/select2/issues/3106 http://github.com/select2/select2/issues/3106。它的作者是凯文-布朗。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Select2:如何防止标签排序 的相关文章