Mempercantik Select Box dengan Select2

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

  1. Buat folder project baru di htdocs atau di folder /var/www/html pada pc/laptop atau hosting/server Anda
  2. Download atau gunakan CDN filenya di https://select2.org/getting-started/installation
  3. Download atau gunakan CDN file jQuery di https://jquery.com/download/
  4. Copy paste code berikut ini di file index.html atau index.php dalam folder project yang telah Anda buat:

  5. 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