Wie lege ich den ausgewählten Wert in einem jQuery Select2-Dropdown fest?

Wie lege ich den ausgewählten Wert von jQuery Select2 fest?

Select2 ist ein leistungsstarkes jQuery-Plugin zum Erstellen durchsuchbarer, mit Tags versehener und mehrwertiger Auswahlfelder. In dieser Anleitung werden drei Methoden zum Festlegen eines bestimmten Werts als ausgewählt innerhalb einer Select2-Instanz beschrieben, abhängig von der verwendeten Version (vor v4 oder v4 und höher).

Select2 < v4

1. Erstellen Sie ein leeres Eingabefeld: Fügen Sie ein Element mit dem auf „hidden“ gesetzten Typattribut und einem ID-Attribut, das der Select2-Instanz entspricht.
2. Select2 initialisieren: Erstellen Sie eine Select2-Instanz mit der Methode select2() und übergeben Sie die gewünschte Optionen für die Instanz.
3. Ausgewählten Wert festlegen: Verwenden Sie die Methode select2('data', { id: "", text: "" }), um den ausgewählten Wert festzulegen. Geben Sie die ID des auszuwählenden Elements und den zugehörigen Text an.

Wählen Sie 2 v4 oder höher aus

Für HTML wählen Sie:

1. Ausgewählte Option anhängen: Eine hinzufügen Element mit dem ausgewählten Attribut auf „ausgewählt“ gesetzt und geben Sie den gewünschten Wert und Text an.
2. Ein Änderungsereignis auslösen: Verwenden Sie trigger('change'), um die Select2-Instanz mit dem neuen zu aktualisieren Wert.

Für Nicht-HTML-Auswahl (JQuery):

1. Neue Option erstellen: Verwenden Sie die jQuery $ ('')-Syntax zum Erstellen einer neuen Element mit dem gewünschten Wert und Text.
2. Änderung anhängen und auslösen: Hängen Sie die neue Option mit append() an die Select2-Instanz an und lösen Sie mit trigger('change') ein Änderungsereignis aus.

Zum Festlegen eines einfachen Werts:

Verwenden Sie val(value).trigger('change'), um einen einfachen Wert festzulegen, ohne eine neue Option zu erstellen.

Beispiel:

<code class="javascript">$('#mySelect2').select2('data', { id: '5', text: 'Option 5' });</code>

Dieser Code legt die Option mit der ID „5“ und dem Text „Option 5“ so fest, wie sie in der Instanz von Select2 mit der ID ausgewählt wurde „mySelect2.“

Das obige ist der detaillierte Inhalt vonWie lege ich den ausgewählten Wert in einem jQuery Select2-Dropdown fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!