HTML 下拉列表中的循环参数值

我试图制作当前年龄问题的表格使能,并决定响应此问题的最简单方法 - 填写下拉列表。 因此,我的下拉列表中的第一个值应该是 1900, 然后它将增加一个,直到它到达 2014 一年。 我该怎么做?
已邀请:

卫东

赞同来自:

我不会安装一个固定的去年,为什么明年重新介入它?

请注意,更新更有效。 DOM 一次比更新一次 DOM 每年添加到列表中。

HTML


<select id="year"></select>


脚本


var start = 1900;
var end = new Date//.getFullYear//;
var options = "";
for/var year = start ; year <=end; year++/{
options += "<option>"+ year +"</option>";
}
document.getElementById/"year"/.innerHTML = options;


http://jsfiddle.net/s8HaQ/

知食

赞同来自:

http://jsbin.com/ERasiHoY/1/edit

<select id="year"></select>



var year = 1900;
var till = 2014;
var options = "";
for/var y=year; y<=till; y++/{
options += "<option>"+ y +"</option>";
}
document.getElementById/"year"/.innerHTML = options;

窦买办

赞同来自:

版本 php?


Birth Year:
<input list="birth_year" name="year_born"/>
<datalist id="birth_year">
<?php
$right_now = getdate//;
$this_year = $right_now['year'];
$start_year = 1900;
while /$start_year <= $this_year/ {
echo "<option>{$start_year}";
$start_year++;
}
?&gt;
</datalist>

君笑尘

赞同来自:

html
<html>
<body onload="loadAgeSelector//">
<select id="yearselect"></select>
<script>
function loadAgeSelector//
{
var startyear = 1900;
var endyear = 2014;
for /var i = startyear;i<=endyear;i++/{
node=document.createElement/"Option"/;
textnode=document.createTextNode/i/;
node.appendChild/textnode/;
document.getElementById/"yearselect"/.appendChild/node/;
}
}
</script>
</body>
</html>

要回复问题请先登录注册