select2--多选框无法排序问题---手动输入的总排在下拉选择的后面

select2插件效果挺美观，项目中有使用，但是手动输入的总排在下拉选择的后面，无法按照添加选择的顺序排。

代码如下：

//多选
$("#sel_menu3").select2({
tags: true,
placeholder: "请选择",
allowClear: true,
//maximumSelectionLength: 7  //最多能够选择的个数
});

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

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

});

参考：https://my.oschina.net/sumweb/blog/1593892