Mempercantik Select Box dengan Select2

13 Februari 2021 4.699x
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

Artikel Terkait

Cara Download dan Integrasi Slider ke dalam Project Aplikasi Berbasis Website

Cara Download dan Integrasi Slider ke dalam Project Aplikasi Berbasis Website

Slider merupakan salah satu komponen yang dapat disertakan dalam sebuah website, baik itu sebagai pemanis / pelengkap atau sebagai informasi tambahan...

Selengkapnya
Website Tempat Download Template Gratis Berbasis Bootstrap

Website Tempat Download Template Gratis Berbasis Bootstrap

Pada kali ini kita tidak akan membahas tentang koding, melainkan dimana tempat untuk mendownload template front-end pada project yang kita buat. Templ...

Selengkapnya
Cara Insert Multiple Data dengan Select2 di Codeigniter 3 dan MySQL

Cara Insert Multiple Data dengan Select2 di Codeigniter 3 dan MySQL

Pada tutorial sebelumnya kita sudah belajar tentang bagaimana cara menggunakan Select2 dalam project yang kita buat. Select2 sangat membantu kita seba...

Selengkapnya
Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter, Jquery dan Ajax

Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter, Jquery dan Ajax

Salah satu kegunaan adanya ajax yaitu dapat memudahkan kita sebagai developer untuk melakukan proses pengecekan data secara langsung tanpa harus menek...

Selengkapnya