最近在項目中使用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>