动态填充选择选项javascript

populating select options dynamically javascript

本文关键字：javascript 选项 选择 填充 动态      更新时间：2023-09-26

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

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

快速而肮脏，这将达到目的：

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

未测试代码：

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++;
  }
}
相关文章：