javascript - 动态填充选择选项javascript

Question

我想有动态选择列表的选项。我想使用 java 脚本动态填充年份值的选择列表。应该是今年到下一个 10 年的下降，知道吗？

<form action="something">
  some other fields
  <select id="year">
  </select>
</form>

Answer 1

又快又脏，这可以解决问题：

window.onload = function(){
    var year = (new Date()).getFullYear(), select = document.getElementById("year"), option = null, next_year = null;
    for(var i = 0; i <= 10; i++) {
        option = document.createElement("option");
        next_year = parseInt(year, 10) + i;
        option.value = next_year;
        option.innerHTML = next_year;
        select.appendChild(option);
    }
};

Answer 2

未经测试的代码：

function populateYears( nbrOfYears, divID ) {
  var id = document.getElementById( divID );
  var dt = new Date();
  var yr = dy.getFullYear();
  var opt;
  for( var x=0; x<= nbrOfYears; x++ ) {
    opt = new Option( yr, yr );
    id.appendChild( opt );
    yr++;
  }
}