Multi.js - Kotak Pilih Friendly User Dibina pada JavaScript Biasa
Pilih menu adalah primitif tetapi mereka bekerja. Sama berlaku untuk semua input bentuk biasa seperti kotak semak dan butang radio.
Mudah untuk membuat borang anda sendiri tetapi membina semula elemen antara muka dari awal boleh jadi sukar. Itulah sebabnya Multi.js adalah satu plugin yang bernilai untuk menggantikan kotak pilihan lalai.
Dengan Multi.js, anda memberi pelawat senarai item untuk dipilih dengan ciri multi-pilih dibina ke dalam bentuk. Dengan cara ini pengguna boleh klik berbilang item tanpa bergantung pada kotak pilihan.
Skrip ini walaupun menyokong ciri carian, jadi pengguna boleh mencari item jika senarai itu sangat panjang.
Saya juga mendapati menu itu cukup intuitif, jadi ia tidak perlu banyak menjelaskan. Anda klik mana-mana item di sebelah kiri untuk menambahkannya ke lajur kanan (atau “dipilih” barangan). Kemudian, klik pada item di lajur kanan untuk mengalihkannya.
Semuanya berjalan pada JavaScript vanila, termasuk ciri carian, jadi anda tidak memerlukan sebarang ketergantungan. Walaupun, ia tidak menyokong jQuery jika laman web anda menggunakan perpustakaan itu.
Apa yang anda perlukan ialah fail Multi.js dan lembaran gaya CSS untuk disertakan. Seterusnya, anda hanya buat a elemen dan sasarkan elemen dengan fungsi JavaScript, seperti itu:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Sekarang, plugin itu tidak menyokong optgroup tetapi ciri ini ada dalam kerja-kerja.
Sama ada cara, fungsi lalai menakjubkan. Ia berfungsi seperti yang anda harapkan dan ia bahkan menyokong susun atur responsif mudah alih.
Untuk mengetahui lebih lanjut, lihat Repo GitHub yang mana juga termasuk fail yang boleh dimuat turun. The Multi.js halaman demo sangat bagus untuk melihat bagaimana plugin ini berfungsi dalam penyemak imbas. Tetapi sebenarnya, ia hanya satu cara mudah restyle menu pilihan anda sambil meningkatkan pengalaman pengguna keseluruhan bentuk anda.
