javascript - 在下拉菜单中循环遍历年份

Question

我想显示当前年份和该年份之前的 10 年。

有什么方法可以通过 JavaScript 或 jQuery 做到这一点吗？

目前，我正在手动输入值。

HTML:

<span>Year:</span>
<select name="year">
    <option value="2014">2014</option>
    <option value="2013">2013</option>
    And so on....
</select>

我知道如何在 JavaScript 中获取当前年份

这是我目前拥有的

var d = new Date();
var y = d.getFullYear();

Answer 1

$(function() {
  var start_year = new Date().getFullYear();

  for (var i = start_year; i > start_year - 10; i--) {
    $('select').append('<option value="' + i + '">' + i + '</option>');
  }
});

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

<span>Year:</span>
<select name="year"></select>

但是像 mustache.js 这样的模板引擎会更适合这项工作，因此您可以避免在 JavaScript 中使用标记代码。