Event handler onChange JavaScript terjadi ketika adanya selection, checked state atau isi-isi dari suatu elemen sudah berubah.
Event handler ini didukung oleh window, INPUT 'checkbox', INPUT 'file', INPUT 'password', INPUT 'radio', INPUT 'text', SELECT, AREA.
Sintaks 1:
<TAG onChange="JavaScript Code">
Sebagai contoh:
Warna kesukaan anda:
<SELECT onChange="this.options[this.selectedIndex];document.body.style.backgroundColor=this.value;">
<OPTION VALUE="white">Putih
<OPTION VALUE="red">Merah
</SELECT>
Sintaks 2:
Obj.onchange=handleEvent;
Sebagai contoh:
Warna kesukaan anda:
<SELECT ID="selectID">
<OPTION VALUE="white">Putih
<OPTION VALUE="red">Merah
</SELECT>
<SCRIPT TYPE="text/javascript">
function HandleEvent()
{
this.options[this.selectedIndex];
document.body.style.backgroundColor=this.value;
}
var selectElem=document.getElementById("selectID");
selectElem.onchange=HandleEvent;
</SCRIPT>
