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

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

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

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

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

ソースコード

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


【Javascript側(main.js)】


実行結果

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

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

コメント