onchange可以用來獲取或設(shè)置當(dāng)前元素的change事件的事件處理函數(shù).
當(dāng)用戶更改<select>元素的選定選項(xiàng)時(shí)，執(zhí)行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>測(cè)試看看 ?/?IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 onchange 事件屬性
onchange屬性會(huì)在元素值更改時(shí)觸發(fā)。
提示：此事件類似于 oninput事件。區(qū)別在于oninput事件在元素的值更改后立即發(fā)生，而onchange事件在元素失去焦點(diǎn)時(shí)發(fā)生。另一個(gè)區(qū)別是onchange事件也適用于<select>元素。
無差異。
<element onchange="script">
| 值 | 描述 |
|---|---|
| script | 規(guī)定該onchange事件觸發(fā)時(shí)執(zhí)行的腳本。 |