onchange可以用来获取或设置当前元素的change事件的事件处理函数.
当用户更改<select>元素的选定选项时,执行JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>HTML onchange 事件属性的使用(菜鸟教程 cainiaoplus.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>元素。
无差异。
<element onchange="script">
| 值 | 描述 |
|---|---|
| script | 规定该onchange事件触发时执行的脚本。 |