We would like to know how to handle Change event for select box.
<!--from ww w . j a v a 2 s . co m-->
<html>
<head>
<script language="JavaScript">
function changeBack(form){
for (var i = 0; i < form.mySelect.options.length; i++) {
if (form.mySelect.options[i].selected){
console.log("You have selected " + form.mySelect.options[i].text);
}
}
}
</script>
</head>
<body>
<form name="myForm">
<select name="mySelect" onChange='changeBack(this.form)'>
<option value=A>AA</option>
<option value=B>BB</option>
<option value=C>CC</option>
<option value=D>DD</option>
</select>
</form>
</body>
</html>
The code above is rendered as follows: