Select 2 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>

Source

当选择是确定的时候使用这个！

$("select").on("select2:select", function (evt) {
  var element = evt.params.data.element;
  var $element = $(element);

  $element.detach();
  $(this).append($element);
  $(this).trigger("change");
});

但是服务器渲染将自动排序...所以可以尝试这种方式

var serverRenderData = ['D', 'B'];
//usually we render data by this way, but select2 will auto sorting
$("select").val(serverRenderData).trigger('change');

//so we re-append select data
var options = [];
for (var i = 0; i < serverRenderData.length; i++) {
    options.push($("select option[value=" + serverRenderData[i] + "]"));
}
$("select").append(...options).trigger('change');

jsFiddle demo