Penggunaan Select2 Box

Penggunaan Select2 Box banyak digunakan untuk mempermudah pencarian data di dalam select option atau sesuai dengan kebutuhan untuk mempercantik tampilan. Sebenernya penggunaan select2 box sangat mudah, select2 itu sendiri library yang dikembangkan dari javascript sehingga mudah untuk dikembangkan lagi.

Saya akan memberitahu cara Penggunaan Select2 Box seperti gambar di bawah ini:

Download library Select2 disini

Penggunaan Select2 Box 

Manual Installation
Masukan path file select2.min.css dan select2.min.js yang anda download, Simpan dalam folder assets/css/select2.min.css  untuk file format css dan berikutnya untuk file js/ javascript assets/js/select2.min.js lalu panggil filenya, contohnya seperti ini.

<link href="assets/css/select2.min.css" rel="stylesheet"/>

<script src="assets/js/select2.min.js"></script>

<script type="text/javascript">

          $(document).ready( function () {

                  $('.js-example-basic-single').select2();

          });

</script>

<select type="text" class="js-example-basic-single" id="storage" name="storage" autocomplete="off" required >

<option value="">Tes Storage 1</option>

<option value="">Tes Storage 2</option>

</select>  

Jalankan aplikasinya dan hasilnya seperti ini.

Selamat mencoba semoga Penggunaan Select2 Box bermanfaat terima kasih.
Reference:

http://select2.github.io/select2/