Question

我正在尝试编写一个动态填充选项的选择下拉列表，选项是年份，例如2010年，2011年，2012年

但是随着每一年的到来，网页应该在当前年度的下拉列表中添加新条目。今年的第一个条目是2010年修复但最后一个条目是动态的，取决于当前年份。

任何帮助？

Answer 1

这样的东西？

＆＃13;

var currentYear = new Date().getFullYear();

for (var i = 2010; i <= currentYear; i++) {
  var selected = '';
  if (i == currentYear)
    selected = 'selected';
    
  $("#years").append("<option value='" + i + "'" + selected + ">" + i + "</option>")
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id='years' />

＆＃13;

Answer 2

为什么不从中选择当前年度减去2010（因为它是一个修复结束）然后你会从2010年算起来加上你的结果中的金额？多数民众赞成我如何用最初的想法做到这一点。

编辑：如果您在页面的每个负载上填充下拉列表，则始终使用从减法计算的数量填充该数组。我没有遇到问题。

Answer 3

这是这样做的一种方式.. fiddle

 $("select").append("<option value='added'>added</option>");

根据你的逻辑附加选项。

Answer 4

这是jsfiddle链接（没有jquery）。

<form>
<select id="mySelect">
</select>
</form>

使用Javascript：

var x = document.getElementById("mySelect");
var to = new Date().getFullYear();
var option;
for (var i = 2010; i <= to; i++)
{
    option = document.createElement("option");
    option.text = i;
    x.add(option);
}

Answer 5

只需使用实际日期：

 var startYear = 1950;
 var currentYear = new Date().getFullYear();

然后您可以生成选择选项

var select = '<select>';
for (var i = startYear; i <= currentYear; i++){
     select += '<option>'+i+'</option>';
}
select += </select>;

Answer 6

var date = new Date();
var year = date.getFullYear(); 

for (var i=2010;i<year+1;i++) {
   $('#MySelect').append('<option value="'+i+'">'+i+'</option>')
}

FiDDLE

动态添加选项以选择选择标记

6 个答案: