Hallo Sahabat Dumetschool berjumpa kembali bersama saya pada website kursuswebdesign. Pada artikel kali ini saya akan membuat tentang cara menggunakan Event Onchange pada form select option. Disini saya gunakan untuk menampung dan menampilkan sebuah data, contohnya saat kita memilih sebuah kategori akan ada subkategori lagi seperti itu gambaran kurang lebihnya.Fungsi Onchange ini saya gunakan pada select option yang berfungsi untuk menampilkan sebuah nilai atau data sesuai option yang dipilih,dalam kasus ini saya membuat 2 buah Option atau pilihan, pada option pertama atau sebagai judul atau kategori utama dan pada option kedua sebagai subjudul atau bagian detailnya. Supaya tidak binggung dan mudah untuk dipahami langsung saja kita praktekkan saja.

Pertama membuat sebuah file HTML dan coba ketikan syntax HTMLnya seperti berikut ini :

Selanjutnya sahabat ketikan script dari Javascript nya sisipkan pada diantara tag<head> seperti dibawah ini:

penjelasan pada script diatas function populate(plh,mlh) merupakan value dari Onchange bisa sahabat perhatikan pada file HTML yang terdapat pada id=”pilih” ,dan saya menggunakan var plh ,var mlh untuk mengambil atau menampung nilai berdasarkan id pada setiap select option nya. Jadi setiap nilai select yang pertama terdapat data array yang dimana saat dipilh salah satu maka akan menampilkan data pada select option yang kedua. Jika sahabat jalankan pada browser maka tampilannya seperti dibawah ini:

Cara menggunakan Onchange pada select option

Demikian pembahasan artikel tentang Cara Menggunakan Event Onchange Pada Javascript, semoga bermanfaat dan selamat mencoba ,sampai berjumpa lagi pada artikel lainya.

terima kasih