1

Quiero llenar un select dinámicamente con años, partiendo del año 2000 al 2050, a través de un ciclo for en javascript. Pero aún no me funciona el código.

HTML

<select id="año">
</select>

JAVASCRIPT

select = document.getElementById("año");
option = document.createElement("option");
for(i = 2000; i <= 2050; i++){
  option.value = i;
  option.text = i;
}
select.appendChild(option);

Y al final solo me crea un solo option con el valor de 2050.

2 respuestas 2

5

Prueba con el siguiente código:

select = document.getElementById("año");
for(i = 2000; i <= 2050; i++){
    option = document.createElement("option");
    option.value = i;
    option.text = i;
    select.appendChild(option);
}
<select id="año"> </select>

Por cada iteración en el ciclo for debes de crear un elemento option y de igual manera agregarselo al elemento select.

3
  • ¡Genio! Muchas gracias, no es tan evidente el error cuando lo examina uno mismo! Commented el 2 ago. 2018 a las 21:41
  • Si te sirvio la respuesta marcala como valida. Saludos
    – J. Castro
    Commented el 2 ago. 2018 a las 21:41
  • solo por mejorar , puedes trabajar sin la ñ te puede dar errores a futuro dependiendo la codificacion de donde te ubiques Commented el 14 ago. 2018 a las 16:58
0

Esta es la solución amigo:

select = document.getElementById("año");
for(i = 2000; i <= 2050; i++){
  option = document.createElement("option");
  option.value = i;
  option.text = i;
  select.appendChild(option);
}
<select id="año">
</select>

1
  • pues funcionará aqui pero como que lago falta, lo estoy chyecando en el entorno web de mi computadora tratando de programarla y no sale nada, ni un numero, alguna libreria let car o algo por el estilo? Commented el 6 may. 2022 a las 14:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.