Pencarian di sini adalah dalam bentuk opsi pilih, jadi ketika Anda mengklik pilih, fungsi pencarian akan muncul di dalamnya. Oleh karena itu fungsi pencarian tidak harus selalu muncul atau terlihat pada tampilan, maka dalam hal ini tampilan pencarian akan sangat membantu pada saat pencarian jika terlalu banyak data yang di pilih. Nah bagaimana cara melakukan pencarian di opsi pilih Perhatikan cara pembuatannya sebagai berikut
Langkah pertama adalah membuat file HTML untuk struktur dasar seperti kode di bawah ini
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Buat Telusuri di Pilih Opsi
Codeigniter>
FuelPHP
PhalconPHP>
Langsing
Silex
CakePHP
Symfony
Yii
Laravel
Lumen
Zend
Nah pada pilihan select saya berikan beberapa data untuk dipilih, sebelumnya pada tag head beri JQuery library dan plugin select2, coba perhatikan kode berikut
1
2
3
4
5
6
7
8
9
Membuat Penelusuran di Pilih Opsi Dengan Jquery
src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js">
src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js">
Selanjutnya ketik script di bawah ini yang digunakan di jquery
1
2
3
$(". Pilih"). pilih2();
Jika sudah menyimpan file tersebut maka sobat bisa melihat tampilan pada masing-masing browser apakah seperti tampilan dibawah ini
Itulah pembahasan kali ini tentang cara mencari di select option, semoga bermanfaat dan sampai jumpa pada pembahasan artikel lainnya,