使用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(),

    min = max - 99,

    select = document.getElementById('year');

for (var i = max; i >= min; i--) {

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

  opt.value = i;

  opt.innerHTML = i;

  select.appendChild(opt);

}

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

Answer 2

使用ParentNode#prepend方法在开头处追加，这将使顺序降序。

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.prepend(opt);

}

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