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
Cara Mudah Install Composer di OS Windows
Composer adalah sebuah project open source yang dimotori oleh Nils Adermann dan Jordi Boggiano.…
SelengkapnyaCara Mudah Menggunakan TinyMCE
TinyMCE merupakan salah 1 WYSIWYG (What You See Is What You Get) Editor yang dapat memberikan fitur…
Selengkapnya5 Plugin Cache WordPress Terbaik untuk Mempercepat…
Apa itu Cache?
Cache adalah kumpulan data yang disimpan sementara untuk akses…
Cara Mudah Install Libre Office di Linux
Libre Office merupakan salah 1 alternatif pengganti aplikasi office dari Microsoft Office yang biasa…
SelengkapnyaCara Download dan Install Postman di Windows 10 dan…
Postman adalah platform kolaborasi untuk pengembangan API. Fitur Postman menyederhanakan setiap langkah…
SelengkapnyaCara Menampilkan Loading Bar Ketika Membuka Suatu…
Pada saat membuka atau mengakses suatu halaman dalam sebuah website, terkadang kita tidak mengetahui…
Selengkapnya