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>

2. Select2-Instanz erstellen:

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

3. Ausgewählten Wert festlegen:

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

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!