HTML onchange 事件

onchange 在元素值改变时触发。onchange 事件适用于：<input>、<textarea> 以及 <select> 元素。

实例

当值改变时检查输入字段：

<!DOCTYPE html>
<html>
<body>
<p>从列表中选择一辆新车.</p>
<select id="mySelect" onchange="myFunction()">
  <option value="Audi">奥迪
  <option value="BMW">宝马
  <option value="Mercedes">奔驰
  <option value="Volvo">沃尔沃
</select>
<p>当您选择一辆新车时，会触发一个功能，输出所选汽车的值。</p>
<p id="demo"></p>
<script>
function myFunction() {
  var x = document.getElementById("mySelect").value;
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
</body>
</html>

运行一下

浏览器支持

事件
onchange	Yes	Yes	Yes	Yes	Yes

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

定义和用法

onchange 在元素值改变时触发。

onchange 事件适用于：<input>、<textarea> 以及 <select> 元素。

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

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onchange="script">

属性值

值	描述
script	onchange 发生时运行的脚本。

HTML onchange 事件

实例

浏览器支持

定义和用法

HTML 4.01 与 HTML5 之间的差异

语法

属性值

分类导航