动态填充选择选项javascript

时间:2013-08-10 05:08:35

标签: javascript html

我希望动态选择列表。 我想使用java脚本动态填充年份值的选择列表。 它应该是今年至未来10年的下降,任何想法?

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

2 个答案:

答案 0 :(得分:5)

快速又脏,这样就可以了:

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

答案 1 :(得分:0)

未经考验的代码:

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