select2 zeigt Standardwert in mehr auswählen

Question

Ich benutze https://select2.github.io/examples.html#multiple verwende ich Laden von Daten Optionen:

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

und Standardwerte:

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

wenn ich Seite zu laden und auf dem Feld klicken, wird es wie folgt aussehen:

Hawaii und Kalifornien ausgewählt

wenn i

als auf Bla Option klicken, Feld sieht wie folgt aus:

wie auf Standardwerte sichtbar im Feld machen sofort geladen Seite?

Answer 1

Sie ändern die ausgewählten Werte, ohne Select2 mitzuteilen, dass Sie Änderungen vorgenommen haben. Während also Select2 erkennen kann, dass Sie beim Öffnen des Dropdown-Menüs zwei Auswahlen getroffen haben, wusste es beim Rendern der Auswahlen nicht.

Sie können Select2 mitteilen, dass Sie Änderungen vorgenommen haben, indem Sie das Ereignis change auf dem ursprünglichen <select> auslösen.

Answer 2

Sie am meisten tags Eigenschaft auf true gesetzt zu zeigen, wie Sie auf die Einleitung wollen, wie dieser Code

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

Answer 3

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