onChange表示“当某个元素发生变化时”的意思,它的作用是引导接下来的程序行为。
例如:
<input type="radio" name="radio_1" onChange="javascript:alert('hello')">
解释:
上例表示,当名为radio_1的单选按钮发生变化(由未选变为选中状态或有选中状态变为未选)时,d出带有hello的提示框。
你可以把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
}
onchange 意为当改变时,也就是你select的选项值发生改变时!这个的可以用在多级下拉列表的自动更新上面!例如,学校有很多学院、学院下面有很多系,系下面有很多专业,在显示的时候不可能都全部列出来,可以通过onchage事件自动更新,例如学院选择商贸,那么专业的下拉列表里面就显示营销、国贸等商贸学院下属的专业,其他的专业就不显示。如果学院换了,那么,专业的候选项也自动更新! onchange还可以用在text文本域的验证上面,例如输入一句话,完成后就自动触发onchange事件,那么就可以调用对文本验证的js脚本,看用户输入的内容是否符合要求(用户名填写提示方面)!欢迎分享,转载请注明来源:内存溢出
评论列表(0条)