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

Question

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

但是，随着明年的到来，该网页应该在与当年的下拉列表中添加新条目。 该年度的第一项是固定的2010年，但是最后一项是动态的，并且取决于当年。

有什么帮助吗？

Answer 1

像这样吗

 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>") } 

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

Answer 2

为什么不从中选择当前年份减去2010（因为这是一个固定的结束时间），然后从2010开始加总结果中的金额呢？ 那就是我将如何用最初的想法做到这一点。

编辑：如果您在页面的每次加载中填充下拉列表，则始终使用从您的减法计算出的数量填充该数组。 我没问题。

Answer 3

这是做它的一种方式.. 小提琴

 $("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>')
}

小提琴