select2插件实现select2单选

最新推荐文章于 2025-03-13 10:09:59 发布

小程、

最新推荐文章于 2025-03-13 10:09:59 发布

阅读量631

点赞数 7

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/cheng1a/article/details/136329534

版权

本文介绍了如何在Select2插件中实现单选功能，即使在允许用户输入的情况下，通过JavaScript和lodash.js库确保每次只选择一个选项。

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

select2插件实现select2单选

select2插件中的select2是比较美观好看一点的可输入选择下拉框，但是select2是单选，不想用select1，就想用select2且只能单选怎么办？看下面：

代码如下：

<script src="https://lib.baomitu.com/lodash.js/4.17.21/lodash.core.js"></script>
<script>
	// select2 在可以自行输入模式下保证单选
	$(document).on('change', "input[class^='select2']", function() {
	    var val = $(this).val();
	    var arr = val.split(',');
	    if (_.isEmpty(val)) {
	        return;
	    }
	    var value_one = arr[1];
	    if (_.isEmpty(arr[1])) {
	        value_one = arr[0];
	    }
	    $(this).select2("val", [value_one]);
	})
</script>