2016-04-16 11 views
2

を選択し、私はオプションにデータのロードを使用しhttps://select2.github.io/examples.html#multiple を使用します。SELECT2ショーのデフォルト値は

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

とデフォルト値を設定します。

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

私はページをロードし、フィールドをクリックしたときに、それこのように見える: enter image description here

ハワイとカリフォルニアが選択

私はBlaのオプション、このようなフィールドの外観をクリックすると、より:ページがロードされすぐにフィールドのデフォルト値が表示されるようにする方法を

enter image description here

答えて

1

変更を加えたことをSelect2に通知せずに、選択した値を変更しています。そのため、Select2は、ドロップダウンを開いたときに2つの選択を行ったことを示すことができますが、選択をレンダリングしていたときはそのことを認識しませんでした。

<select>changeイベントをトリガーとして、変更を加えたことをSelect2に伝えることができます。

0

あなたが最もこのコード

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

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

のように、あなたが開始にしたいように表示する場合はtrueに tagsプロパティを設定します