Quiero llenar cinco años en un menú desplegable con javascript y los años serán posteriores a los años actuales

Question

Quiero llenar cinco años en un menú desplegable con javascript y los años serán posteriores al año actual.

por ejemplo:

si el año actual es 2012 entonces los valores desplegables son 2012,2013,2014,2015,2016

Answer 1

HTML

<form id="someform"> 
<select id="year"></select> 
</form> 

JavaScript

var myselect = document.getElementById("year"), year = new Date().getFullYear(); 
var gen = function(max){do{myselect.add(new Option(year++,max--),null);}while(max>0);}(5); 

Un poco mejor función de JavaScript:

var myselect = document.getElementById("year"), 
    startYear = new Date().getFullYear() 
    count = 5; 

(function(select, val, count) { 
    do { 
    select.add(new Option(val++, count--), null); 
    } while (count); 
})(myselect, startYear, count); 

jsFiddle, new jsFiddle

Answer 2

Se puede obtener la lista de años, como así ...

var date = new Date, 
    years = [], 
    year = date.getFullYear(); 

for (var i = year; i < year + 5; i++) { 
    years.push(i); 
} 

jsFiddle.

O para crear realmente el elemento select ...

var date = new Date, 
    year = date.getFullYear(), 
    select = document.createElement('select'); 

for (var i = year; i < year + 5; i++) { 

    var option = document.createElement('option'), 
     yearText = document.createTextNode(i); 

    option.appendChild(yearText); 
    select.add(option); 
} 

select.name = 'year'; 

document.body.appendChild(select); 

jsFiddle.

Answer 3

Si utiliza jQuery, la tarea se puede lograr de la siguiente manera:

var currentYear = new Date().getFullYear(); 

    for (var i = 1; i <= 5; i++) { 
     $("#timeSelector").append(

      $("<option></option>") 
       .attr("value", currentYear) 
       .text(currentYear) 

     ); 
     currentYear++; 
    } 

Ver demo en jsFiddle

Answer 4

var currentYear = new Date().getFullYear(); 
    for (var i = 0; i < 5; i++) { 
      $("#years").append(
       $('<option/>') 
       .attr("value", currentYear + i) 
       .text(currentYear + i)); 
     }