Tutorial Bootstrap select option search

Bootstrap select option search yaitu suatu form field input dengan pilihan nilai dan fitur pencarian di pilihan select opitonya atau selectbox.

Dropdown live search Bootstrap

Cara membuat select option search dengan Bootstrap sangat simple karena sudah plugin, yang tersedia, select option atau selectbox, dan biasa juga di sebut dropdown data live search.
okeh langsung saja kita tutorial cara membuat select option, selectbox, dropdown dengan live search menggunakan Bootstrap.

untuk plugin JS dan CSS bisa gunakan di link dibawah ini :
http://silviomoreto.github.io/bootstrap-select/

Berikut code untuk contoh selectbox dropdown search di bagian body :

<div class="container">
 <h3>Dropdown with seach</h3><hr/>
 <div class="form-group">
  <select class="selectpicker" data-live-search="true">
    <option data-tokens="fahmiffa">fahmiffa</option>
    <option data-tokens="Abdul Ghoni">Abdul Ghoni</option>
    <option data-tokens="Najih Za">Najih Za</option>
    <option data-tokens="azka hawim">azka hawim</option>
  </select>
  </div>
</div> 

Ok, berikut Tutorial tentang cara membuat select option, selectbox, dropdown with live search dengan bootstprap, semoga bermanfaat.

Share