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.
<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>
<code class="javascript">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text"); $("#mySelect2").append($newOption).trigger('change');</code>
<code class="javascript">$("#mySelect2").val(5).trigger('change');</code>
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!