在select表单中onChang事件使用实例源码

在select表单中javascript onChang事件使用实例源码,表单中,<select name=”S1″ onchange=”display()”> 当文本框的内容发生变化,或选择列表中选定的内容变化时,就会触发onChange事件。然而,点击单选按钮或复选框并不会触发onChange事件,而会触发onClick事件。onChange事件是在元素完成变化后触发的。编辑文本框时,当在完成编辑,用户离开文本框后才会触发javascript onChange事件。
可以够触发onChange事件的表单元素有:
★  Select
★  Text
★  Textarea

使用javascript onChange事件源码实例:
<HTML>
<HEAD>
<TITLE>使用javascript onChange事件处理程序</TITLE>
<script language=”javaScript”>
<!–
function display()
{
var newValue;
newValue=F1.S1.Value;
alert(“您已将选项更改为”+newValue)
}
//–>
</script>
</HEAD>
<BODY>
<FORM name=”F1″>
<select name=”S1″ onchange=”display()”>
<option value=”监视器”>监视器</option>
<option value=”鼠标”>鼠标</option>
<option value=”CPU”>CPU</option>
</select>
</FORM>
</BODY>
</HTML>
当用户更改为列表的选项时,便会触发onChange事件,调用display()函数。 本文链接地址: 在select表单中onChang事件使用实例源码