Apakah kegunaan select2 dalam jquery

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()".

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.

Sintaks panggilan adalah seperti berikut:

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

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标签的宽度
            
});

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!