编辑这个页面须要登录或更高权限！

HTML onchange事件属性

onchange可以用来获取或设置当前元素的change事件的事件处理函数.

HTML 事件属性

在线示例

当用户更改<select>元素的选定选项时，执行JavaScript:

<!DOCTYPE html>
<html>
<head>
<title>HTML onchange 事件属性的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<p>Select a new car from the list.</p>
<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi
  <option value="BMW">BMW
  <option value="Mercedes">Mercedes
  <option value="Volvo">Volvo
</select>
<p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>
<p id="demo"></p>
<script>
function myFunction() {
  var x = document.getElementById("mySelect").value;
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 onchange 事件属性

定义和用法

onchange属性会在元素值更改时触发。

提示：此事件类似于 oninput事件。区别在于oninput事件在元素的值更改后立即发生，而onchange事件在元素失去焦点时发生。另一个区别是onchange事件也适用于<select>元素。

HTML 4.01 与 HTML5之间的差异

无差异。

语法

<element onchange="script">

属性值

值描述
script规定该onchange事件触发时执行的脚本。
HTML 事件属性
HTML: <template> 标签

HTML 参考手册
HTML 标签大全