HTML リファレンスマニュアル

HTML タグ一覧

HTML onchange事件属性

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

在线示例

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

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML onchange 事件属性的使用(基础教程网　oldtoolbag.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> タグ