Select adalah suatu tag HTML yang bertugas untuk menampilkan pilih yang didalamnya terdapat opsi. Tampilanya akan seperti menu dropdown, karena memang kurang lebih seperti itu fungsinya. Dengan adanya fungsi select ini, maka akan membantu pengunjung untuk mengisikan datanya, namun tidak perlu repot mengetik, cukup pilih salah satu opsi yang disediakan. Keuntunganya adalah lebih efisien, serta memberikan opsi yang sesuai dengan data yang dibutuhkan. Jadi isinya pasti tepat, tidak melenceng dari apa yang kita butuhkan.

Sesuai dengan artikel kali ini kita akan membahas lebih dalam tentang select option, namun akan digabung dengan Jquery. Yap, kita akan belajar bagaimana cara memasukan data dengan select option dengan Jquery. Jadi jika kalian pernah membuat form input data dengan select option, maka kalian harus membuat sebuah tombol untuk memproses data yang telah kalian pilih. Pada pembahasan kali ini, kita akan membuatnya lebih sederhana, karena kita langsung menginputkan data setelah memilih opsi tersebut.

Oke untuk lebih jelasnya kalian bisa ikuti langkah-langkah berikut. Pertama buat file html terlebih dahulu, dan kalian bisa salin code dibawah ini ya.

select.html

lalu buat file kedua html seperti ini.

ayam-goreng.html

Setelah sudah kalian simpan kedua file tersebut sesuai dengan nama yang diatas ya, dan juga simpan file dalam satu folder. Untuk melihat hasilnya kalian bisa buka lewat browser kesayangan kalian. Jika berhasil maka tampilanya akan seperti ini.

Tampilan awal akan muncul menu select dengan opsinya. Pada contoh ini saya hanya menyisipkan satu opsi saja, nanti kalian bisa tambahkan sendiri. Setelah memilih opsi ayam goreng. Maka tampilan website akan mengarah ke halaman ayam-goreng.html tanpa kita pencet tombol submit

Seperti gambar diatas hasilnya jika telah berhasil memilih opsi. Dengan bantuan jquery kita bisa membuat select option pindah halaman tanpa perlu adanya tombol submit pada form.

Mudah bukan ?

Sekian pembahasan mengenai memasukan data dengan select option dengan Jquery. Semoga bermanfaat.