select2清空选中的内容

最新推荐文章于 2021-11-17 15:26:58 发布

lihaiweio

最新推荐文章于 2021-11-17 15:26:58 发布

阅读量1w

点赞数 3

分类专栏： js

本文链接：https://blog.csdn.net/lihaiweio/article/details/91863424

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用select2首先初始化如下

Ajax初始化select2数据

$('.keywords-select').select2({
		width : "100%",
		multiple: true,
		ajax : {
			type : 'GET',
			url : baseURL + 'busi/websiteKeyword/keywordlist',
			delay : 250,
			data : function(params) {
			
			},
			processResults : function(data, params) {
			
			},
			cache : false
		},
		placeholder : {
			id : '', // the value of the option
			text : '请选择关键字'
		},
		allowClear : true, // 允许清空
		placeholderOption: "",
		escapeMarkup : function(markup) {
			return markup;
		}, // 自定义格式化防止xss注入
		minimumInputLength : 0,
		maximumSelectionLength : 100,
		formatResult : function formatRepo(repo) {
			return repo.text;
		}, // 函数用来渲染结果
		formatSelection : function formatRepoSelection(repo) {
			return repo.text;
		} // 函数用于呈现

设置允许清空

获取完数据重新刷新的时候，清空select2的数据

$('#seelctKey').select2('val', "");

$('#seelctKey').select2('data', null);

$("#seelctKey").empty();

三种方式清空，还可以通过jq获取Id清空选项。