设置select2多选排序

最新推荐文章于 2025-05-28 16:32:12 发布

LGDqin2009

最新推荐文章于 2025-05-28 16:32:12 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS select2

本文链接：https://blog.youkuaiyun.com/u010598271/article/details/79624520

JS 同时被 2 个专栏收录

11 篇文章

订阅专栏

select2

1 篇文章

订阅专栏

本文介绍了一种使用Select2插件时的实用技巧，通过监听select2:select和select2:unselect事件来实现对选项的动态操作，如插入、删除等。此方法能够帮助开发者更灵活地控制下拉框的选项显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$select.off().on("select2:select", function (evt) {
	var element = evt.params.data.element;
	var $element = $(element);
	$element.detach();
	var slectedL = $select.find("option:selected").length;
	if(slectedL<1){
		$select.prepend($element);
	 }else{
		$select.find("option:eq("+ (slectedL-1) +")").after($element);
	}
	$select.trigger("change");
}).on("select2:unselect", function (evt) {
	var element = evt.params.data.element;
	var $element = $(element);
	$element.detach();
	$select.append($element);
});