Tecnología

Inicio

Cómo llenar un cuadro combinado con JavaScript

Cómo llenar un cuadro combinado con JavaScript


A veces, en la programación web que necesita para cambiar las páginas web después de que ya han sido cargados. Por suerte, JavaScript hace sencillo. Si es necesario agregar opciones a un cuadro combinado (llamado un cuadro de selección en HTML) después de la página se carga, para permitir un menú desplegable en cascada en el que cada selección afecta a lo que el usuario ve en la lista siguiente, por ejemplo, luego unos cuantos líneas simples de JavaScript a hacer el trabajo.

Instrucciones

1 Obtener el cuadro de selección de la página utilizando el getElemenById incorporada:
var selectbox = document.getElementById ( 'selectBoxId');

2 Crear la nueva opción de utilizar la función createElement incorporada:
var = NewOption document.createElement ( "opción")
IR
option.text = "Opción de texto"
IR
option.value = "Opción de valor";

3 Añadir la nueva opción para su cuadro de selección:
selectBox.options.add (opcional);

Consejos y advertencias

  • Si este código no funciona con el navegador, considere el uso de un marco de JavaScript, como jQuery o Prototype, que manejan cuestiones de compatibilidad del navegador automáticamente.