select2插件实现select2单选

小程小程心想事程

于 2024-02-27 18:51:11 发布

阅读量411

点赞数 7

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

本文链接：https://blog.csdn.net/cheng1a/article/details/136329534

版权

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>