Mempercantik Select Box dengan Select2

Sabtu, 13 Februari 2021 09:13 4.878x
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

Frontend Development Tips dan Trik
Bagikan
Artikel Terbaru
Artikel Terpopuler

Tags

Apache Backend Development Codeigniter Database Digital Marketing Free Assets Free Bootstrap Template Free Ebook Frontend Development HTML Java jQuery Libre Office Linux MySQL Nginx PHP PHPMailer PhpMyAdmin Security SEO Server Slider Tips dan Trik Tools Troubleshoot User Experience (UX) User Interface (UI) Visual Studio Code Windows Wordpress