使用Javascript将年份自动添加到HTML选择中

Question

我有一个选择输入，它将显示从今年到1920年的年份。

但是，我的JavaScript代码似乎只以升序显示。

  var max = new Date().getFullYear(),

    min = max - 99,

    select = document.getElementById('year');

for (var i = min; i <= max; i++) {

  var opt = document.createElement('option');

  opt.value = i;

  opt.innerHTML = i;

  select.appendChild(opt);

}

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

所以它需要显示：2019 2018 2017 ...

不是：1920 1921 1922

Answer 1

有几种方法，可以使用前缀，也可以简单地倒数而不是递增。此方法倒计时。与前置不同，最高的是自动选择并递减计数。var max = new Date().getFullYear(),&nbsp; &nbsp; min = max - 99,&nbsp; &nbsp; select = document.getElementById('year');for (var i = max; i >= min; i--) {&nbsp; var opt = document.createElement('option');&nbsp; opt.value = i;&nbsp; opt.innerHTML = i;&nbsp; select.appendChild(opt);}<select name="year" id="year"></select>

Answer 2

使用ParentNode#prepend方法在开头处追加，这将使顺序降序。var max = new Date().getFullYear(),&nbsp; &nbsp; min = max - 99,&nbsp; &nbsp; select = document.getElementById('year');for (var i = min; i <= max; i++) {&nbsp; var opt = document.createElement('option');&nbsp; opt.value = i;&nbsp; opt.innerHTML = i;&nbsp; select.prepend(opt);}<select name="year" id="year"></select>