Mengenal Fungsi Onchange Pada Javascript

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Mengenal Fungsi Onchange Pada Javascript, apa itu Onchange, onchange pada input box akan melakukan aksi tertentu bila value/nilai dari inputbox ini berubah, akan sangat terasa pada aplikasi web hitung pajak dengan ajax. Itulah sedikit penjelasan tentang onchange yang dikutip dari laman www.diskusiweb.com , oke langsung saja kita mulai praktekan yah, teman teman bisa ikuti atau salinkan scriptnya dibawah sini :

<head>
<style>
article {border:1px solid #eee; width:350px; margin:auto; padding-left:50px}
select {width:200px; padding:10px; border-radius: 5px; border:1px solid blue; }
</style>
<script>
function myFunction() {
	    var x = document.getElementById("mySelect").value;
	    document.getElementById("dumetschool").innerHTML = "Kamu memilih Kursus di Dumet School " + x;
	}
</script>
</head>
<body>
<article>
<h1> Pilih Tempat Kursus </h1>

<select id="mySelect" onchange="myFunction()">
  <option value="">--Pilih--</option>
  <option value="Gading">Dumet School Kelapa Gading
  <option value="Tebet">Dumet School Tebet
  <option value="Depok">Dumet School Depok
  <option value="Grogol">Dumet School Grogol
  <option value="Srengseng">Dumet School Srengseng
</select>


<p id="dumetschool"></p>
</article>
</body>

Jika sudah coba teman teman save dan jalankan dibrowsernya dan pilih salah satu dari nilai combobox tersebut maka apa yang teman pilih akan tercetak dibawah nya, oke cukup mudah bukan? sekian tutorial tentang Mengenal Fungsi Onchange Pada Javascript, sampai bertemu diartikel selanjutnya dan sampai jumpa .

untuk melihat klik DEMO

#KeepLearn

#IsmetMA

Mengenal Fungsi Onchange Pada Javascript

Kategori