请问,html中的onChange是什么意思?有什么作用,谢谢

请问,html中的onChange是什么意思?有什么作用,谢谢,第1张

html中的onChange可以是javascript脚本的事件句柄,可以是jquery脚本的事件句柄,也可以是ajax的事件句柄。

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脚本,看用户输入的内容是否符合要求(用户名填写提示方面)!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6110893.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存