JavaScript

onChange

　セレクトメニューでは、現在と異なる項目を選んでマウスボタンを離した場合にイベントを取得。テキストフィールド、テキストエリア、ファイルアップデートでは、現在入力されている内容が変更され、フォーカスが外れた場合にイベントを取得。同一オブジェクトに onBlur を設定した場合、Netscapeは onBlur、そのほかのブラウザは onChange が優先して実行される。

　使用できるオブジェクト：FileUpload, Select, Text, Textarea


<select name="myMenu" onChange="myFunc()">

　セレクトメニューの選択されている項目が変更されたら関数 myFunc() を実行。


document.myForm.myText.onchange = myFunc;

　テキストフィールド myText の値が変更されたら関数 myFunc() を実行。

Sample source

　セレクトメニューの選択されている項目が変更されたら関数 phChange() を実行して画像 myImg を差し替える。


HTML source


<form>
	<select onChange="phChange(this.value)">
		<option value="01">Image01</option>
		<option value="02">Image02</option>
	</select>
</form>
<br>
<img src="imgs/programming_woman_01.jpg" id="myImg" alt="">

JavaScript source


function phChange(myNum) {
	document.getElementById("myImg").src = "imgs/programming_woman_" + myNum + ".jpg";
}