選択ボックスの作成 JavaScriptを使用して作成

JavaScript
スポンサーリンク

選択ボックス

複数の年齢などを表示するoption要素をループ文を使用して作成する方法です。

while文

10代から80代まで10歳ずつ表示する例

<script type="text/javascript">
var i = 10;
while (i<=80) {
	document.write('<option value="' + i + '">' + i + '代</option>');
	i+=10;
}
</script>

for文

1際から50歳まで1歳ずつ表示する例

<script type="text/javascript">
for (var i=1; i<=50; i++) {
	document.write('<option value="' + i + '">' + i + '歳</option>');
}
</script>
タイトルとURLをコピーしました