Cómo actualizar el cuadro de selección con JavaScript

JavaScript permite establecer una caja de "seleccionar", que es el elemento de formulario desplegable utilizado para recoger información de los usuarios. Puede actualizar y añadir un nuevo valor para los usuarios. Este tipo de función de JavaScript se utiliza normalmente cuando se agrega valores a un cuadro de selección sobre la base de las selecciones anteriores de su lector.

Instrucciones

1 Haga clic en el archivo HTML que contiene el cuadro de selección. Seleccione "Abrir con", a continuación, haga doble clic en el editor de HTML preferido en la lista de programas.

2 Escriba el siguiente código en el cuerpo del HTML:

<Script type = "text / javascript> </ script>

Colocar todo el código JavaScript dentro de estas dos etiquetas HTML.

3 Escriba el siguiente código para actualizar la lista de opciones en el cuadro de selección desplegable:

var = NEW_ITEM document.createElement ( "opción");

optn.text = "Mi Nuevo valor";

optn.value = "Valor";

selectbox.options.add (NEW_ITEM);

Reemplazar "caja de selección" con el ID de HTML para su desplegable cuadro de selección. La segunda y tercera líneas de código identificar el valor y el texto que se muestra en el cuadro desplegable.

4 Guardar el código en el editor y abra la página HTML en un navegador Web. Fíjese en las nuevas versiones de las casillas del cuadro de selección.