Hai teman-teman bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan membahas bagaimana cara menggunakan even change pada jquery.

Jquery adalah salah satu liblary javascript dimana dengan menggunakan jquery website yang kita hasilkan akan lebih interaktif dengan event-event yang ada pada jquery dikarenakan dengan jquery banyak efek yang tidak terdapat dalam css kita bisa menggunakan jquery sebagai solusinya.

Bagi teman-teman yang sudah mengenal jquery pasti sudah familiar dengan fungsi event yang satu ini, fungsi event change adalah untuk mendeteksi ketika sebuah inputan dirubah atau tereksekusi, nah pada studi kasus kali ini kita akan belajar cara sederhana mempraktekan event change ini.

Teman-teman silahakan buat sebuah file dan ketikan script berikut ini:

Penjelasan dari script diatas adalah, pertama saya mereload liblary dari jquery dari jquery.com, lalu saya membuat sebuah form select dengan 3 option yaitu html,css dan javascript, lalu saya membuat script jquery

seperti biasa pertama memulai jquery kita terlebih dahulu mengetikan:

sebagai penanda awal document atau script jquery, lalu saya mengetikan script berikut ini:

dimana saya membuat sebuah variable x yang mengambil nilai dari element html select, lalu saya mengetikan script berikut ini:

Script ini berfungsi untuk mencetak nilai pada variable x didalam id hasil yang ada pada element html, sehingga hasilnya akan seperti berikut ini:

hasilnya option yang kita pilih akan tercetak di bawah pada element p yang kita telah beri id hasil.

Gimana temn-teman cukup mudah bukan? untuk pengembangannya teman-teman bisa googling atau searching, untuk tutorial kali ini tentang bagaimana cara menggunakan even change pada jquery saya rasa cukup sampai disini dulu, semoga tutorial sederhana kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya.

Terimakaisih.