Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kegunaan select2 dalam jquery

Apakah kegunaan select2 dalam jquery

WBOY
Lepaskan: 2021-12-29 15:37:44
asal
3282 orang telah melayarinya

Dalam jquery, select2 digunakan untuk mengoptimumkan pilih untuk menyokong pilihan tunggal dan berbilang Ia juga menyokong paparan kumpulan dan perolehan senarai Ia adalah pemalam senarai lungsur berdasarkan jquery. $(select ).select2()".

Apakah kegunaan select2 dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah kegunaan select2 dalam jquery

Select2 ialah pemalam senarai juntai bawah berdasarkan JQuery, terutamanya digunakan untuk mengoptimumkan pilih dan menyokong Pemilihan tunggal dan berbilang pilihan, dan juga menyokong paparan kumpulan dan carian senarai.

select2 ialah komponen yang digunakan oleh Jquery untuk menggantikan kotak pilihan. Ia membolehkan anda menyesuaikan kotak lungsur turun dan menyokong carian, penandaan, sumber data jauh, tatal tak terhingga dan ciri lain yang lebih maju.

Alamat muat turun select2 ialah: https://select2.github.io/. Versi select2-4.0.0 digunakan di sini. Selepas memuat turun versi ini, nyahzip fail Terdapat fail js dan css dalam direktori dist. Anda perlu merujuk fail ini apabila menggunakan pilih.

Perkenalkan dahulu css dan js yang baru anda muat turun ke dalam projek Sebelum memperkenalkan select2.js, kami perlu memperkenalkan jquery terlebih dahulu.
Perhatikan bahawa css dan js dalam folder select2 yang dimuat turun mempunyai kedua-dua versi dimampatkan dan tidak dimampatkan Anda boleh mengimportnya mengikut keperluan anda sendiri.

Apakah kegunaan select2 dalam jquery

Sintaks panggilan adalah seperti berikut:

$(function () {
        $("#myselect").select2();//调用插件
        
})
Salin selepas log masuk

Sudah tentu, kita perlu membuat beberapa konfigurasi untuknya, yang dikonfigurasikan melalui objek sebagai parameter "$ ("#myselect").select2() ” bagi select2(), sebagai contoh, kita boleh menetapkan lebar lebar pilihan:

$("#myselect").select2({
      width:160,//设置select标签的宽度
            
});
Salin selepas log masuk

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Apakah kegunaan select2 dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan