Cómo rellenar un ComboBox con JavaScript

Escrito por l.p. klages | Traducido por fiorella eliana fernandez silva
Cómo rellenar un ComboBox con JavaScript

Un cuadro combinado le da algunas opciones de entrada de usuario.

computer image by blaine stiger from Fotolia.com

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.

Nivel de dificultad:
Difícil

Otras personas están leyendo

Instrucciones

  1. 1

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

  2. 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”;

  3. 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.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media