在項目裡實際遇到select2多選每次都需要輸入重複搜尋内容,每次都需要輸入“部”字,就針對select2 進行了所有下拉框記錄上一次
的搜尋内容
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL1UkaNBTTq5UNNpHW4Z0MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL5AjNxITO0ETM4ITNwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
思路:建立一個變量,在 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 檔案,經過不懈努力優化成功