ドロップダウンリストを動的に生成する

[ソーズコード]

<form name="searchbox">
	<select name="sample">
	</select>
</form>

<script type="text/JavaScript">

var xxx = document.searchbox.sample; // form name名 . select name名で場所を取得
var team = ["球団名を選択","読売ジャイアンツ","阪神タイガース","中日ドラゴンズ","広島東洋カープ","ヤクルトスワローズ","横浜DNAベイスターズ"]; // 配列を用意

for(var i = 0 ; i < team.length ; i++){ // 配列のインデックス数分ループさせる
	xxx.length = 7; // optionの数（＝配列の要素数）を設定。
	xxx.options[i].text = team[i];
	xxx.options[i].value = i;
}

※元々ないoptionを動的に作成するので、xxx.length = 7; とoptionの数を宣言してやらないといけない。
</script>

インデックスに戻る