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