Wie lege ich ausgewählte Werte in jQuery Select2 für verschiedene Versionen fest?

Ausgewählten Wert in jQuery Select2 festlegen

Select2 Version V4 und höher

In Select2 Version 4 und höher können Sie vorab ausgewählte Optionen direkt anhängen zu Ihrem ausgewählten Element:

<code class="html"><select id="myMultipleSelect2" multiple="" name="myMultipleSelect2[]">
    <option value="TheID" selected="selected">The text</option>                                                                   
</select>
</code>

Mit jQuery:

<code class="js">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text")

$("#myMultipleSelect2").append($newOption).trigger('change');</code>

Select2 Version Below V4

1. HTML:

   <code class="html"><input name="mySelect2" type="hidden" id="mySelect2"></code>

   Nach dem Login kopieren

2. Select2-Instanz erstellen:

   <code class="js">$("#mySelect2").select2({
      placeholder: "My Select 2",
      multiple: false,
      minimumInputLength: 1,
      ajax: {...},
      ...
   });</code>

   Nach dem Login kopieren

3. Ausgewählten Wert festlegen:

   <code class="js">$("#mySelect2").select2('data', { id:"elementID", text: "Hello!" });</code>

   Nach dem Login kopieren

Nicht-AJAX Select2

<code class="html"><select name="mySelect2" id="mySelect2">
  <option value="0">One</option>
  <option value="1">Two</option>
  <option value="2">Three</option>
</select></code>

<code class="js">$('[name=mySelect2]').val("0"); // Select "One"
$("#mySelect2").select2("val", "0"); // Equivalent</code>

Das obige ist der detaillierte Inhalt vonWie lege ich ausgewählte Werte in jQuery Select2 für verschiedene Versionen fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!