Multi.js - Kotak Pilih yang Mudah Digunakan Dibangun pada JavaScript Biasa
Pilih menu primitif tetapi mereka bekerja. Sama berlaku untuk semua input bentuk biasa seperti kotak centang dan tombol radio.
Sangat mudah untuk membuat formulir Anda sendiri tetapi membangun kembali elemen antarmuka dari awal bisa jadi sulit. Itu sebabnya Multi.js adalah plugin yang sangat berharga untuk mengganti kotak pilih default.
Dengan Multi.js, Anda beri pengunjung daftar item untuk dipilih dengan fitur multi-pilih dibangun ke dalam formulir. Dengan cara ini pengguna bisa klik beberapa item tanpa mengandalkan kotak centang.
Skrip ini bahkan mendukung fitur pencarian, sehingga pengguna dapat mencari item jika daftarnya sangat panjang.
Saya juga menemukan menu yang cukup intuitif, jadi itu tidak perlu banyak menjelaskan. Anda mengklik item apa saja di sisi kiri untuk menambahkannya ke kolom kanan (atau “terpilih” item). Kemudian, klik pada item di kolom kanan untuk menghapusnya.
Semuanya berjalan pada JavaScript vanili, termasuk fitur pencarian, jadi Anda tidak memerlukan dependensi. Walaupun itu tidak mendukung jQuery jika situs Anda menggunakan perpustakaan itu.
Yang Anda butuhkan hanyalah file Multi.js dan stylesheet CSS untuk menyertainya. Selanjutnya, Anda baru saja membuat elemen dan menargetkan elemen dengan fungsi JavaScript, seperti itu:
var select_element = document.getElementById ('your_element_ID'); multi (select_element); Sekarang, plugin tidak mendukung optgroup tetapi fitur ini sedang bekerja.
Apa pun itu, fungsionalitas defaultnya menakjubkan. Ini berfungsi seperti yang Anda harapkan dan itu bahkan mendukung tata letak responsif seluler.
Untuk mempelajari lebih lanjut, lihat Repo GitHub yang juga termasuk file yang dapat diunduh. The Multi.js halaman demo sangat bagus untuk melihat bagaimana plugin ini berfungsi di browser. Tapi sungguh, itu hanya cara sederhana untuk melakukannya Restyle menu pilihan Anda sambil meningkatkan pengalaman pengguna keseluruhan formulir Anda.
