Bagaimana untuk Menetapkan Nilai Terpilih secara Pemrograman dalam jQuery Select2?

Bagaimana untuk menetapkan nilai terpilih bagi jQuery Select2?

jQuery Select2 ialah pemalam popular yang meningkatkan kebolehgunaan elemen terpilih. Salah satu ciri bergunanya ialah keupayaan untuk menetapkan nilai yang dipilih secara pemrograman. Ini boleh membantu terutamanya dalam senario di mana nilai yang dipratentukan perlu dipaparkan semasa halaman awal dimuatkan atau semasa mengedit pilihan yang disimpan sebelum ini.

Pilih2 < V4

Langkah 1: Penanda HTML

Sertakan medan input tersembunyi untuk menahan nilai yang dipilih:

<code class="html"><input type="hidden" name="mySelect2" id="mySelect2"></h3>
<p><strong>Langkah 2: Cipta Contoh Select2</strong></p>
<p>Mulakan Select2 dengan pilihan yang sesuai:</p>
<pre class="brush:php;toolbar:false"><code class="js">$("#mySelect2").select2({
  placeholder: "My Select 2",
  multiple: false,
  minimumInputLength: 1,
  ajax: {
    url: "/elements/all",
    dataType: 'json',
    quietMillis: 250,
    data: function(term, page) {
      return {
        q: term,
      };
    },
    results: function(data, page) {
      return { results: data };
    },
    cache: true
  },
  formatResult: function(element){
    return element.text + ' (' + element.id + ')';
  },
  formatSelection: function(element){
    return element.text + ' (' + element.id + ')';
  },
  escapeMarkup: function(m) {
    return m;
  }
});</code>

Langkah 3: Tetapkan Nilai Yang Diingini

Gunakan kaedah data() untuk menetapkan nilai yang dipilih:

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

Select2 V4

Menggunakan HTML

Untuk Select2 v4, anda boleh menambahkan terus pilihan yang dipilih untuk elemen pilih:

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

Menggunakan jQuery

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

Menetapkan Nilai Secara Terus

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

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Nilai Terpilih secara Pemrograman dalam jQuery Select2?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!