セレクトメニューで選択された項目の値を取得する


動作ブラウザ 【 IE:4.0   NN:2.0
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 7.x 2.x 1.x
Windows × - -
Macintosh × -
UNIX - - - - - -

ポイント <select onChange="alert(this[this.selectedIndex].value)">
説  明 選択された項目番号の値(optionタグのvalueで指定した値、データ)を取得するにはselectタグのonChangeイベントと組み合わせます。IEとNNでは取得方法が異なるため「this[this.selectedIndex].value」のように選択された番号を明示的に指定する必要があります。
サンプル <html> <head> <title>セレクトメニューで選択された項目の値を取得する</title> </head> <body> <form> <select onChange="alert(this[this.selectedIndex].value)"> <option value="MZ-80K">MZ-80K <option value="MZ-80C">MZ-80C <option value="MZ-80K2">MZ-80K2 </select> </form> </body> </html>
補足説明 IEであればalert(this.value)でオプション項目の値を読み出すことができます。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!



写真素材 PIXTA