onchange可以用来获取或设置当前元素的change事件的事件处理函数.
当用户更改<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>元素。
无差异。
<element onchange="script">
值 | 描述 |
---|---|
script | 规定该onchange事件触发时执行的脚本。 |