セレクトされたアイテムのインデックス番号、VALUE、TEXTを表示する

セレクトオブジェクトでは、selectedIndexプロパティで選択されたアイテムの
インデックス番号を取得できる。
このサンプルはインデックス番号を使って、
選択されたアイテムのVALUE、TEXTも調べている。
実行結果

チェックアイテムのインデックス番号を調べる
チェックアイテムのVALUEを調べる
チェックアイテムのTEXTを調べる 


ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
function inspectIndex(form)	{
	alert(form.select_test.selectedIndex)
}

function inspectValue(form)	{
	alert(form.select_test.options[form.select_test.selectedIndex].value)
}

function inspectText(form)	{
	alert(form.select_test.options[form.select_test.selectedIndex].text)
}
</SCRIPT>



ボディ部分
<FORM>
<SELECT NAME="select_test">
<OPTION VALUE="やまだくん(これはVALUE)">山田君(これはTEXT)
<OPTION SELECTED VALUE="すずきくん(これはVALUE)">鈴木君(これはTEXT)
<OPTION VALUE="さとうくん(これはVALUE)">佐藤君(これはTEXT)
</SELECT>
<P>
<INPUT TYPE="button" NAME="check1" VALUE="CHECK" onClick="inspectIndex(this.form)">チェックアイテムのインデックス番号を調べる<BR>
<INPUT TYPE="button" NAME="check2" VALUE="CHECK" onClick="inspectValue(this.form)">チェックアイテムのVALUEを調べる<BR>
<INPUT TYPE="button" NAME="check3" VALUE="CHECK" onClick="inspectText(this.form)">チェックアイテムのTEXTを調べる
</FORM>