【Javascript】選択メニュー変更時に処理を実行

Javascript

2017.03.01

Javascriptで、selectで選択中のoptionが変更された場合に処理を実行する方法変更時に処理を実行方法とソースコードについて紹介します。

選択メニュー変更時に処理

Javascriptでは、onchangeイベント（チェンジイベント）を使うことで、フォーム内の「選択リスト」「ラジオボタン」の値が変更された場合の処理を記述できます。

【書式】
<select onchange="イベントハンドラ">

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

【Javascript側（main.js）】

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