Dropdown select pada elemen form Bootstrap defaultnya memang hanya dapat memilih satu option saja seperti yang pernah dijelaskan pada postingan sebelumnya mengenai cara membuat dropdown select responsive di Bootstrap, tapi sebetulnya bisa diatur multiple select sehingga dapat memilih lebih dari satu option. Multiple select ini biasanya digunakan pada pemilihan kategori, jurusan pada situs akademi, dll. Contoh multiple-select:

gambar 1 - contoh multiple select bootstrap

Membuat select pada HTML itu memerlukan tag <select> pada strukutr formulir, jika menggunakan Bootstrap, tambahkan multiple dalam tag <select> agar membuatnya multiple. Contoh:

<h2>Form control: select</h2>
  <form>
    <div class="form-group">
      <label for="posmulSel">Mutiple select Bootstrap - Posciety.Com</label>
      <select multiple class="form-control" id="posmulSel">
        <option>Pilihan 1</option>
        <option>Pilihan 2</option>
        <option>Pilihan 3</option>
        <option>Pilihan 4</option>
        <option>Pilihan 5</option>
        <option>Pilihan 6</option>
        <option>Pilihan 7</option>
      </select>
    </div>
  </form>

Jangan lupa untuk memberikan class form-control pada select agar compatible dengan tampilan Bootstrap (tidak berantakan), simpan dan lihat hasilnya !

Btw, apa itu multiple select ? Seperti yang terlihat pada contoh di atas, multiple select memungkinkan para pengguna untuk memilih lebih dari 1 pilihan yang ada dengan cara menekan CTRL + klik pada opsi-opsi yang ingin dipilih atau membloknya dengan menekan mouse hingga 3 opsi (jika ingin memilih 3 opsi).


Jangan Lupa Share !!!

81
11 shares, 81 points

Apa Reaksimu ?

Bingung Bingung
7
Bingung
Kesal Kesal
5
Kesal
OMG OMG
7
OMG
Takut Takut
6
Takut
Keren Keren
4
Keren
Sedih Sedih
9
Sedih
Posciety Tech

Pro

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki