Bagaimanakah cara saya Menetapkan Nilai Terpilih dalam JQuery Select2 Dropdown?

Bagaimanakah untuk Menetapkan Nilai Terpilih bagi jQuery Select2?

Select2 ialah pemalam jQuery yang berkuasa untuk mencipta kotak pilihan yang boleh dicari, boleh tag dan berbilang nilai. Panduan ini menggariskan tiga kaedah untuk menetapkan nilai tertentu seperti yang dipilih dalam tika Select2, bergantung pada versi yang digunakan (sebelum v4 atau v4 dan ke atas).

Select2 < v4

1. Buat medan input kosong: Tambah elemen dengan atribut jenis ditetapkan kepada "tersembunyi" dan atribut id yang sepadan dengan tika Select2.
2. Initialize Select2: Cipta tika Select2 menggunakan kaedah select2(), menghantar ke dalam pilihan yang diingini untuk contoh.
3. Tetapkan nilai yang dipilih: Gunakan kaedah select2('data', { id: "", teks: "" }) untuk menetapkan nilai yang dipilih. Nyatakan id item yang hendak dipilih dan sebarang teks yang berkaitan.

Pilih2 v4 atau Ke Atas

Untuk HTML Pilih:

1. Tambahkan pilihan yang dipilih: Tambah elemen dengan atribut yang dipilih ditetapkan kepada "dipilih" dan nyatakan nilai dan teks yang dikehendaki.
2. Cetuskan peristiwa perubahan: Gunakan pencetus('perubahan') untuk mengemas kini tika Select2 dengan yang baharu nilai.

Untuk Pilihan Bukan HTML (JQuery):

1. Buat pilihan baharu: Gunakan jQuery $ ('') sintaks untuk mencipta elemen dengan nilai dan teks yang diingini.
2. Tambah dan cetuskan perubahan: Tambahkan pilihan baharu pada tika Select2 menggunakan append() dan cetuskan peristiwa perubahan menggunakan trigger('change').

Untuk Menetapkan Nilai Mudah:

Gunakan val(value).trigger('change') untuk menetapkan nilai mudah tanpa membuat pilihan baharu.

Contoh:

<code class="javascript">$('#mySelect2').select2('data', { id: '5', text: 'Option 5' });</code>

Kod ini menetapkan pilihan dengan ID "5" dan teks "Pilihan 5" seperti yang dipilih dalam contoh Select2 dengan ID "mySelect2."

Atas ialah kandungan terperinci Bagaimanakah cara saya Menetapkan Nilai Terpilih dalam JQuery Select2 Dropdown?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!