問題描述

select2 設置 tags = true 的時候可以輸入並選擇自定義的內容。但是最近出現了 <select> 重新插入初始化的時候，選擇了自定義 tag 但是界面沒有更新的情況。
插件版本： select2 4.0.1

查找

跟著源碼跑了幾遍才發現 select2 會對選擇進行過濾，通過 getHighlightedResults 方法找到 select option:selected 的對應選項，如果當期 tag 是已選中的就直接 self.trigger(‘close‘, {}); 了。但是自定義 tag 是輸入查詢後才創建、插入 select，怎麽會選中呢？想了一下，是 select 會把第一個 option 默認選中的緣故。

解決

select 插入一個空值的 option 就行了
<select name="id"> <option value=""></option> </select>

select2 插件自定義 tag 選擇問題