Mempercantik Select Box dengan Select2
Select2 memberi kita sebagai developer dalam mempercantik selectbox atau form dropdown yang dapat disesuaikan dengan dukungan untuk pencarian, penandaan, kumpulan data jarak jauh, pengguliran tak terbatas, dan banyak opsi lain yang sangat sering digunakan.
Beberapa fitur yang diberikan secara default oleh select2 di dalam selectbox atau form dropdown adalah pencarian data secara langsung, remote data dengan ajax dalam penggunaan data yang besar, kustomisasi tema, banyak ekstensi atu plugin, pembuatan item yang dinamis dan full browser support.
CARA PENGGUNAAN
- Buat folder project baru di htdocs atau di folder /var/www/html pada pc/laptop atau hosting/server Anda
- Download atau gunakan CDN filenya di https://select2.org/getting-started/installation
- Download atau gunakan CDN file jQuery di https://jquery.com/download/
- Copy paste code berikut ini di file index.html atau index.php dalam folder project yang telah Anda buat:
- Selesai
VIDEO LIVE CODING
Anda juga dapat melihat hasil jadinya pada source code berikut ini: https://github.com/amperakoding/demo_select2
Semoga bermanfaat
Bagikan ke Yang Lain
Diskusi
Belum ada pertanyaan pada artikel ini
Tulis Pertanyaan
Ada pertanyaan? Silahkan tulis pada form dibawah ini
Silahkan login dahulu untuk dapat berkomentar, klik disini.Artikel yang Lain
Membuat Tombol Chat ke Whatsapp dengan Codeigniter…
Whatsapp merupakan salah satu platform chatting yang paling populer dengan total user aktif mencapai…
SelengkapnyaCara Install Apache, MySQL, dan PHP di OS Linux (LAMPP)
LAMPP adalah kependekan nama dari Linux, Apache, MySQL, PHP / Perl / Python yang berguna sebagai…
SelengkapnyaCara Menginstall Git di OS Windows 10
Sebelumnya saya sudah membahas tentang cara menginstall git di os linux, nah pada kali ini gilirannya…
SelengkapnyaMacam-Macam Semantic Tags pada HTML 5
Semantic tags mendefinisikan dengan jelas fungsi / makna penggunaan suatu tags, semantic tags dapat…
SelengkapnyaLibreOffice Versi ke-7 Telah Hadir dengan Dukungan…
LibreOffice merupakan salah satu alternatif dari aplikasi office gratis yang tersedia dari The Document…
SelengkapnyaCek Ketersediaan Data Tanpa Submit Form dengan Codeigniter,…
Salah satu kegunaan adanya ajax yaitu dapat memudahkan kita sebagai developer untuk melakukan proses…
Selengkapnya