Search disini terdapat didalam form select option jadi saat diklik pada select maka akan muncul sebuah fungsi search didalamnya. Maka dari itu fungsi search tidak harus selalu muncul atau terlihat pada tampilan, jadi dalam kasus ini tampilan search ini akan sangat membantu saat pencarian jika data pada select terlalu banyak. Baiklah bagaimana sih cara membuat search didalam select option yuuuk perhatikan cara pembuatannya sebagai berikut.
Langkah pertama buatlah file HTML untuk struktur dasarnya seperti code dibawah ini:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Membuat Search di Select Option
Codeigniter
FuelPHP
PhalconPHP
Slim
Silex
CakePHP
Symfony
Yii
Laravel
Lumen
Zend
nah pada select option saya memberikan beberapa data untuk dipilih, sebelumnya pada tag head berikan library JQuery dan plugin select2 coba perhatikan code berikut
1
2
3
4
5
6
7
8
9
Membuat Search di Select Option Dengan Jquery
Selanjutnya ketikkan script dibawah ini yang digunakan dalam jquery:
1
2
3
$[".theSelect"].select2[];
Jika sudah simpan filenya lalu kita sahabat lihat tampilannya pada browser masing-masing apakah seperti tampilan dibawah ini:
Demikian pembahasan kali ini tentang cara membuat search didalam select options, semoga bermanfaat dan sampai jumpa dengan pembahasan artikel lainnya,