select2无法清除选中项解决办法
最近在项目中使用select2遇到一个百思不得其解的bug:选中项无法删除。代码中加上了allowClear : true
也不行。
HTML代码:
<select name="ascription"></select>
javascript代码:
search.ascription = $('select[name="ascription"]', container);
search.ascription.select2({
data : require('datas/user'),
width : 120,
language : 'zh-CN',
allowClear : true,
placeholder : '请选择',
matcher : function(params, data) {
if (params.term == null || $.trim(params.term) === '') {
return data;
}
if (data.keyword.toUpperCase().indexOf(params.term.toUpperCase()) >= 0) {
return data;
};
return false;
}
});
而且数据加载之后。默认会选中第一项。官网的demo也有这个问题。
解决办法:select里面加上一个空的选项
<select name="ascription"><option value=""></option></select>