【Javascript】入力欄変更時のイベント処理(onchange)

Javascriptで、入力フォームの内容が変更された場合のイベント処理(onchange)の記述方法とソースコードについて紹介します。

onchangeイベント

Javascriptでは、onchangeイベント（チェンジイベント）を使うことで、入力フォームの内容が変更された場合の処理を記述できます。

【書式】
<タグ名 onchange=”イベントハンドラ”>

※タグ名：input, selectなどの入力フォームのタグ
※イベントハンドラ：入力欄が変更された際の処理

ソースコード

サンプルプログラムのソースコードは以下の通りです。
【HTML側(index.html)】

【Javascript側（main.js）】

実行結果

サンプルプログラムの実行結果は以下の通りです。
選択リストの項目を変更する度に、アラートダイアログと選択項目が表示されます。

【関連記事】
Javascript入門 基本文法