| ポイント |
<![CDATA[
alert(selOBJ.selectedIndex);
<select onChange="getNum(this)">
]]>
|
| 説 明 |
選択された項目番号を取得するにはselectタグのonChangeイベントと組み合わせます。「onChange="getNum(this)"」により関数getNumにselectメニューオブジェクトが渡されます。関数側ではsOBJという名前でオブジェクトデータを受け取ります。選択されている番号はsOBJ.selectedIndexで取得できます。一番最初の項目番号が0、以後1、2、3...と連番になります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューで選択された項目番号を取得する</title>
<script Language="JavaScript"><!--
function getNum(selOBJ)
{
alert(selOBJ.selectedIndex);
}
// --></script>
</head>
<body>
<form>
<select onChange="getNum(this)">
<option>MZ-80K
<option>MZ-80C
<option>MZ-80K2
</select>
</form>
</body>
</html>
]]>
|
| 補足説明 |
onChangeイベントを使わずに取得する場合は、「document.フォーム名.セレクト名.selectedIndex」となります。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
セレクトメニューで選択された項目番号を取得する