Wie wähle ich einen Wert in Select2 vor: Eine Anleitung für Versionen 4 und niedriger?

Wie wähle ich einen Wert in Select2 aus?

Select2 ist ein jQuery-Plugin, das ein anpassbares Auswahlfeld-Widget bereitstellt. In diesem Artikel erfahren Sie, wie Sie in Select2 einen vorab ausgewählten Wert festlegen.

Select2 < Version 4

1. HTML: Definieren Sie zunächst das Select2-Eingabefeld als verstecktes Feld mit einer ID:

<code class="html"><input type="hidden" name="programid" id="programid" class="width-500"><ol start="2">
<li>
<strong>Select2 initialisieren:</strong> Erstellen Sie eine Instanz von Select2 und konfigurieren Sie sie mit den erforderlichen Optionen, einschließlich eines AJAX-Aufrufs zum Abrufen von Daten.</li>
<li>
<strong>Vorgewählten Wert festlegen:</strong> Verwenden Sie select2 ('data', { id: "selectedID", text: "selectedText" }) Methode zum Festlegen des ausgewählten Werts.</li>
</ol>
<h3>Select2 Version 4 und höher</h3>
</h3>
<p>Für Select2 v4 und Oben unterscheidet sich der Ansatz geringfügig:</p>
<ol><li>
<strong>HTML:</strong> Definieren Sie das Select2-Eingabefeld als Standardauswahlelement mit Optionen und einem ausgewählten Attribut:</li></ol>
<pre class="brush:php;toolbar:false"><code class="html"><select id="mySelect2" name="mySelect2[]">
  <option value="TheID" selected="selected">The text</option>                                                                   
</select></code>

2. Optionen anhängen: Um nach der Initialisierung einen Wert festzulegen, können Sie vorab ausgewählte Optionen an das Feld „Auswählen2“ anhängen:

<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text");
$("#mySelect2").append($newOption).trigger('change');</code>

3. Verwenden Sie die val()-Methode: Alternativ können Sie die val()-Methode gefolgt von .trigger('change') verwenden, um einen Wert festzulegen:

<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>

Diese Methoden bieten eine einfache Möglichkeit, einen vorab ausgewählten Wert in Select2 festzulegen, unabhängig von der von Ihnen verwendeten Version.

Das obige ist der detaillierte Inhalt vonWie wähle ich einen Wert in Select2 vor: Eine Anleitung für Versionen 4 und niedriger?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!