フォームの選択内容をメッセージダイアログに表示させてみよう！

◆フォームの選択内容をメッセージダイアログに表示させてみよう！◆

<FORM NAME="f1">
<SELECT NAME="s1"
onChange="alert(f1.s1.options[f1.s1.selectedIndex].value)">
<OPTION VALUE="選んでねっ">どれがいい？
<OPTION VALUE="悲しい(T^T)">選択1
<OPTION VALUE="幸せ(*^_^*)">選択2
<OPTION VALUE="バイバイ(^_^)/~">選択3
</SELECT>
</FORM>
<BR><BR>選択肢を選んでみて下さい。

onChange="命令文"で、フォームの入力内容が変更されたら"命令文"を実行するという意味です。
select、text、textareaで使用できます。
f1.s1.options[番号].valueは、f1という名前のフォームの中の構成要素（今回の場合はSELECTタグ）の、OPTIONの中の[？番目]のvalue（つまり値）を意味しています。
例えば0番目は選んでねっで、1番目は悲しい(T^T)です。
このoptionsの[番号]のところに書いてあるf1.s1.selectedIndexは、SELECTタグ内のOPTIONの何番目が選ばれたかを0から始まる番号で返します。
OPTION（選択肢）を増やしたりOPTION VALUE="悲しい(T^T)"などを好きな言葉に変更すれば、いろいろな用途に使えますね。