選擇2顯示默認值選擇

Question

我用https://select2.github.io/examples.html#multiple 我用數據裝入選項：

var data = [ 
    { id: 0, text: 'Hawaii' }, 
    { id: 1, text: 'California' }, 
    { id: 2, text: 'Bla' } 
]; 

並設置爲默認值：

$basicMultiple.val(["0", "1"]); 

當我加載網頁並點擊領域，看起來像這樣：

夏威夷和加利福尼亞州選定

比，如果我在布拉選項，現場看起來像這樣點擊：

如何使默認值在現場看到馬上頁面加載？

Answer 1

您正在更改所選值而不通知您已進行更改的Select2。所以雖然Select2可以告訴你在打開下拉菜單時已經做了兩個選擇，但它不知道它在何時渲染選擇。

您可以通過觸發原始<select>上的change事件來告訴Select2您已經進行了更改。

Answer 2

你最設定tags屬性爲true來顯示像你想的啓動，這樣的代碼

$(".js-example-tags").select2({ 
    tags: true 
}) 

Answer 3

$basicMultiple.val(["0", "1"]).trigger("change");