HTML-DOM-onchange事件

onchange事件用于检测值的变化。根据变化执行指定的脚本。

支持onchange事件的html标签有：input type=“text” &select&textarea。

onchange 意为当改变时，也就是你select的选项值发生改变时！这个的可以用在多级下拉列表的自动更新上面！

例如，学校有很多学院、学院下面有很多系，系下面有很多专业，在显示的时候不可能都全部列出来，可以通过onchage事件自动更新，例如学院选择商贸，那么专业的下拉列表里面就显示营销、国贸等商贸学院下属的专业，其他的专业就不显示。如果学院换了，那么，专业的候选项也自动更新！

onchange还可以用在text文本域的验证上面，例如输入一句话，完成后就自动触发onchange事件，那么就可以调用对文本验证的js脚本，看用户输入的内容是否符合要求（用户名填写提示方面）！

你可以把select的value值定义为图片的名称

例如

<select onchange="changeImg(this.value)">

<option value="图片名称1">图片1</option>

<option value="图片名称2">图片2</option>

<option value="图片名称3">图片3</option>

。。。

</select>

<img src="" id="showimg" name="showimg" />

js可以这么写

function changeImg(val) {

document.getElementById('showimg').src="你的图片路径"+val

}

---