天天看點

select2 搜尋框優化下拉選項帶記憶功能

在項目裡實際遇到select2多選每次都需要輸入重複搜尋内容,每次都需要輸入“部”字,就針對select2 進行了所有下拉框記錄上一次

的搜尋内容

select2 搜尋框優化下拉選項帶記憶功能

思路:建立一個變量,在 tokenizer(擷取鍵盤輸入的内容) 方法時指派給針對這個select2 選擇框的臨時變量,然後更改 nextSearchTerm(下一次搜尋内容) 方法傳回臨時變量

單體進行優化測試成功案例

var aaaa="";				
$('#demo').select2({
	placeholder:"請選擇船名",
	allowClear:true,
	tags: true,
	data:dataist,
	 nextSearchTerm: function(selectedObject, currentSearchTerm) {
		//下一次點選select2下拉時上一次的搜尋内容還在,下拉顯示的是根據搜尋内容出現的結果
		return aaaa;
	},
	tokenizer: function(e) {
		//每輸入一個值,更新一次變量
		aaaa = e;
	} 
});
           

單體優化測試成功後又去研究了 select2.js 檔案,經過不懈努力優化成功