下拉列表中的HTML循環選項值
[英]HTML looping option values in drop down list
問題描述
我一直在嘗試制作一個表格，其中包含一個有關當前年齡的問題，並且我決定回答此問題的最簡單方法是填寫一個下拉列表。 因此，我在下拉列表中的第一個值應為1900，然后將其遞增1，直到達到2014。我該怎么做？
4 個解決方案
解決方案1
9 已采納 2014-01-01 22:04:00
我不會設定固定的最后一年，為什么明年再重新編碼？
請注意，更新一次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;
解決方案2
4 2014-01-01 21:16:57
<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;
解決方案3
1 2015-02-09 20:06:17
一個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}</option>";
$start_year++;
}
?>
</datalist>
</input>
解決方案4
0 2014-01-01 21:22:25
<!DOCTYPE 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>
設置HTML下拉列表選項
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.