Cara menggunakan pilih opsi html

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

<div kelas = "wadah">

<h2>Buat Telusuri di Pilih Opsi</h2>

<pilih kelas = "pilih">

<opsi nilai = "Codeigniter">Codeigniter< / opsi< /a>>

<opsi nilai = "FuelPHP">FuelPHP< / opsi>

<opsi nilai = "PhalconPHP">PhalconPHP< / opsi< /a>>

<opsi nilai = "Ramping">Langsing< / opsi>

<opsi nilai = "Silex">Silex< / opsi>

<opsi nilai = "CakePHP">CakePHP< / opsi>

<opsi nilai = "Symfony">Symfony< / opsi>

<opsi nilai = "Yii">Yii< / opsi>

<opsi nilai = "Laravel">Laravel< / opsi>

<opsi nilai = "Lumen">Lumen< / opsi>

<opsi nilai = "Zend">Zend< / opsi>

< / pilih>

< / div>

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

<. DOCTYPE html>

<html lang = "en">

<kepala>

<meta set karakter = "UTF-8" >

<judul>Membuat Penelusuran di Pilih Opsi Dengan Jquery < / judul>

<tautan rel = "stylesheet" href = "">

src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js">

<tautan rel = "stylesheet" href = "https. //cdnjs. cloudflare. com/ajax/libs/select2/4. 0. 8/css/pilih2. min. css">

src="https://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

Cara menggunakan pilih opsi html
Cara menggunakan pilih opsi html

Cara menggunakan pilih opsi html
Cara menggunakan pilih opsi html

Itulah pembahasan kali ini tentang cara mencari di select option, semoga bermanfaat dan sampai jumpa pada pembahasan artikel lainnya,

Apa itu opsi dalam HTML?

Tag elemen HTML tag dalam HTML yang digunakan untuk membuat pilihan berupa drop down menu . Opsi yang dapat dipilih pengguna adalah satu.

Apa itu pilihan pilih?

Elemen Select Option adalah elemen yang disediakan bagi pengguna untuk dapat memilih elemen di antara beberapa opsi . Agar lebih mudah dipahami, pada kesempatan kali ini digunakan contoh dimana elemen berbentuk kotak yang akan diubah warna backgroundnya dengan menggunakan pilihan select.

Apa itu masukan pilih?

Pemilihan input digunakan untuk memilih di antara beberapa opsi . Pilihan dalam elemen pilih ditentukan dengan elemen opsi. Teks yang muncul diapit oleh tag opsi, sedangkan nilai yang dikirim ke server ditentukan dalam atribut nilai pada elemen opsi.

Atribut formulir yang digunakan untuk menentukan kemana data dari formulir dikirim adalah?

Atribut berfungsi untuk menentukan URL tujuan tempat data dari a formulir > akan dikirim lalu diolah ketika ia disubmit. Jadi ketika formulir dikirimkan, browser akan mengirimkan semua data itu ada di formulir membuka URL yang ditentukan dalam tindakan atribut .