<select>タグ中の<option>タグの数は、'select'エレメントの'length'属性に格納されています。
<select>タグ中の<option>タグの情報数は、'select'エレメントの'options[]'配列の中にoptionエレメントが格納されています。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" language="javascript">
<!--
function OnLoad()
{
var result = "";
// selectエレメント取得
var elmSelect = document.getElementById( "id_select" );
// optionタグの数を取得
var length = elmSelect.length;
// optionタグの情報を取得
for ( var i = 0; i < length; i++ ) {
// optionエレメント取得
var elmOption = elmSelect.options[ i ];
// value属性を取得
var value = elmOption.value;
// valueを表示
result += "[ " + i + " ] value = " + value + "<br/>";
}
// 結果の表示
document.getElementById( "id_result" ).innerHTML = result;
}
// -->
</script>
</head>
<body onload="OnLoad()">
<h1><select>タグの中の<option>タグの情報を取得する</h1>
<select id="id_select">
<option value="item1">アイテム１</option>
<option value="item2">アイテム２</option>
<option value="item3">アイテム３</option>
<option value="item4">アイテム４</option>
<option value="item5">アイテム５</option>
</select>
<h2>実行結果</h2>
<div id="id_result">
</div>
</body>
</html>
[ 0 ] value = item1 [ 1 ] value = item2 [ 2 ] value = item3 [ 3 ] value = item4 [ 4 ] value = item5
