Bagaimana untuk Menetapkan Nilai Terpilih secara Pemrograman dalam jQuery Select2?-tutorial php-php.cn

Bagaimana untuk Menetapkan Nilai Terpilih secara Pemrograman dalam jQuery Select2?

Susan Sarandon

Lepaskan： 2024-10-30 16:58:02

asal

229 orang telah melayarinya

How to Programmatically Set the Selected Value in 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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

Menggunakan jQuery

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

Salin selepas log masuk

Menetapkan Nilai Secara Terus

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

Salin selepas log masuk

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!