最新のWeb開発のチュートリアル
 

HTMLのonchangeイベント属性

<HTMLイベント属性

ユーザーが選択したオプション変更したときにJavaScriptを実行<select>要素を:

<select onchange="myFunction()">
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

onchange属性は、要素の値が変更された瞬間を発生させます。

ヒント:このイベントはに似てoninputイベント。 違いは、要素がフォーカスを失ったときのonchangeが行われている間oninputイベントは、要素の値が変更された直後に発生することです。 他の違いは、のonchangeイベントも上で動作するということです<keygen><select>要素。


ブラウザのサポート

イベント属性
onchange はい はい はい はい はい

HTML 4.01とHTML5の違い

なし。


構文

<elementonchange=" script ">

属性値

説明
script onchange上で実行するスクリプト

技術的詳細

サポートされているHTMLタグ: <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="text">, <keygen>, <select> and <textarea>

その他の例

ユーザーが入力フィールドの内容を変更したときにJavaScriptを実行します。

<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
»それを自分で試してみてください

関連ページ

HTML DOMリファレンス: onchange event


<HTMLイベント属性