Select2:如何防止标签排序 [英] Select2: How to prevent tags sorting

问题描述

当用户选择许多项目(标签)时，它们将自动按字母顺序排序.如何使用Select2 4.0防止自动排序并保持用户订单?

When user selects many items (tags), they are automatically sorted alphabetically. How to prevent automatic sort and keep user's order using Select2 4.0?

更新:

提到的可能的重复问题"是针对Select2 v3的较旧版本的...我问的是版本4 ...它与较早版本的版本有所不同，提到的答案并不能解决问题.

The mentioned "possible dublicate question" is for the older version of Select2 v3... I ask about version 4... It differs form older ones and mentioned answers dosn't solve the problem.

推荐答案

我找到了适用于Select2 v4的解决方案.它会更改项目的顺序-用户选择的项目将移至末尾.

I've found a solution that works with Select2 v4. It changes the order of items - item selected by user are moved to the end.

$("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>

更新

在此处找到了解决方案: github.com/select2/select2/issues/3106.它的作者是凯文·布朗.

The solution was found here: github.com/select2/select2/issues/3106. Its author is kevin-brown.

这篇关于Select2:如何防止标签排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！