举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > HTML事件属性onchange

HTML事件属性onchange

2023-05-24 00:20 HTML参考手册

 HTML事件属性onchange

HTML事件属性onchange


触发 onchange 属性事件当元素的值改变时。

HTML5中的新功能

没有。

句法

<element onchange="script or Javascript function name">

支持的标签

<input type="checkbox">, 
<input type="file">, 
<input type="password">, 
<input type="radio">, 
<input type="range">, 
<input type="search">, 
<input type="text">, 
<keygen>, 
<select> 
<textarea>


浏览器兼容性

onchange Yes Yes Yes Yes Yes

例子

<!DOCTYPE html>
<html>
<body>

<select id="mySelect" onchange="myFunction()">
  <option value="CSS">CSS</option>
  <option value="HTML">HTML</option>
  <option value="Javascript">Javascript</option>
  <option value="SQL">SQL</option>
</select>

<script>
function myFunction() {
    alert(document.getElementById("mySelect").value);
}
</script>

</body>
</html>

Click to view the demo



实施例2

<!DOCTYPE html>
<html>
<body>

Enter some text: 
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
<input type="text" name="txt2" value="Hello another" onchange="myFunction(this.value)">
<script>
function myFunction(val) {
    alert(val);
}
</script>
<p>Edit text and tab out.</p>
</body>
</html>

Click to view the demo

阅读全文
以上是名动网为你收集整理的 HTML事件属性onchange全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们