crossline

▼for文で年齢選択をドロップダウンに表示

font-size:12px;line-height: 150%;

 

10歳ずつ増える/1歳ずつ増える

 

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>if文</title>

</head>
<body>
<p>年齢を選択してください</p>
<form>
<select>
<script>
var i;

for(i=10; i<100; i+=10){
document.write('<option value="'+i+'">'+i+'歳です</option>');
}

</script>

</select>

</form>
</body>
</html>

 

f:id:ishuko:20140602114617p:plain

 

 

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>if文</title>

</head>
<body>
<p>年齢を選択してください</p>
<form>
<select>
<script>
var i;

for(i=10; i<100; i++){
document.write('<option value="'+i+'">'+i+'歳です</option>');
}


</script>


</select>

</form>
</body>
</html>

 

f:id:ishuko:20140602115123p:plain

 

◉ポイント◉

for ( 変数の初期値繰り返し条件変数の変更 ) {

  実行される処理

}

 

  • 「++」
  • 「i++」は、「i = i + 1;」と同じ
  • (i=i+10はi+=10と同じ)