Cómo rellenar un ComboBox con JavaScript

A veces en programación web necesitarás cambiar los valores de las páginas web después de que hayan sido cargados. Afortunadamente, JavaScript hace que este proceso sea sencillo. Si necesitas agregar opciones a un combo box (llamado caja de selección en HTML) después que de que cargue la página, para permitir un desplegable en cascada en el que cada selección afecta a lo que el usuario ve en la siguiente lista, por ejemplo, a continuación, verás unas cuantas líneas simples de JavaScript que harán este trabajo.

computer image by blaine stiger from Fotolia.com

Otras personas están leyendo

Paso 1

Obtén el cuadro de selección de la página utilizando el siguiente código: getElementById: /> var selectbox = document.getElementById ('selectBoxId');

Paso 2

Crea una nueva opción incorporado el código: createElement function: />var newOption = document.createElement(“option”) />GO />option.text = “Option Text” />GO option.value = “Option Value”;

Paso 3

Agrega una nueva opción al cuadro de selección escribiendo lo siguiente: />selectBox.options.add(option);

Consejos y advertencias

  • Si este código no funciona con tu navegador, considera usar un marco de JavaScript como jQuery o Prototype, que manejan temas de compatibilidad de navegador de forma automática.

Referencias

Lee este artículo

Comentarios

Más reciente