Onchange
Event handler onchange (Bubbles: No, Cancelable: No) terjadi saat adanya selection, checked state atau isi-isi suatu elemen sudah berubah.
Berikut pola meregister event handler onchange via ‘inline model’:
Warna kesukaan anda: <SELECT ONCHANGE="this.options[this.selectedIndex];document.body.style.backgroundColor=this.value;"> <OPTION VALUE="white">Putih <OPTION VALUE="red">Merah </SELECT>
Berikut pola meregister event handler onchange via ‘traditional model’:
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>
</SCRIPT>
Berikut pola meregister event handler onchange via DOM:
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.addEventListener("change", HandleEvent, false); </SCRIPT>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
