Bagaimana untuk Pra-Pilih Nilai dalam Select2: Panduan untuk Versi 4 dan Bawah?

Mary-Kate Olsen
Lepaskan: 2024-10-27 09:02:02
asal
667 orang telah melayarinya

How to Pre-Select a Value in Select2: A Guide for Versions 4 and Below?

Bagaimana untuk Memilih Nilai dalam Select2?

Select2 ialah pemalam jQuery yang menyediakan widget kotak pilihan yang boleh disesuaikan. Dalam artikel ini, kami akan meneroka cara untuk menetapkan nilai pra-pilihan dalam Select2.

Select2 < Versi 4

  1. HTML: Mula-mula, takrifkan medan input Select2 sebagai medan tersembunyi dengan ID:
<code class="html"><input type="hidden" name="programid" id="programid" class="width-500"><ol start="2">
<li>
<strong>Memulakan Select2:</strong> Cipta contoh Select2 dan konfigurasikannya dengan pilihan yang diperlukan, termasuk panggilan AJAX untuk mendapatkan semula data.</li>
<li>
<strong>Tetapkan Nilai Pra-Pilihan:</strong> Gunakan select2 ('data', { id: "selectedID", teks: "selectedText" }) kaedah untuk menetapkan nilai yang dipilih.</li>
</ol>
<h3>Select2 Versi 4 dan ke atas</h3>
</h3>
<p>Untuk Select2 v4 dan di atas, pendekatannya berbeza sedikit:</p>
<ol><li>
<strong>HTML:</strong> Takrifkan medan input Select2 sebagai elemen pilih standard dengan pilihan dan atribut yang dipilih:</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>
Salin selepas log masuk
  1. Tambah Pilihan: Untuk menetapkan nilai selepas pemulaan, anda boleh menambah pilihan yang telah dipilih pada medan Select2:
<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text");
$("#mySelect2").append($newOption).trigger('change');</code>
Salin selepas log masuk
  1. Gunakan Kaedah val(): Sebagai alternatif, anda boleh menggunakan kaedah val() diikuti dengan .trigger('change') untuk menetapkan nilai:
<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>
Salin selepas log masuk

Kaedah ini menyediakan cara yang mudah untuk menetapkan nilai yang diprapilih dalam Select2, tanpa mengira versi yang anda gunakan.

Atas ialah kandungan terperinci Bagaimana untuk Pra-Pilih Nilai dalam Select2: Panduan untuk Versi 4 dan Bawah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan