Cómo crear desplegable usando OnChange en JavaScript
Este blog discutirá las metodologías utilizadas para crear desplegable usando OnChange en JavaScript.
Cómo crear desplegable usando OnChange en JavaScript?
Puede crear desplegable usando OnChange en JavaScript con la ayuda de los siguientes enfoques:
Estos enfoques se explicarán uno por uno!
Método 1: Cree desplegable Uso de OnChange en JavaScript alertando el valor desplegable seleccionado
Esta técnica se puede aplicar para alertar al usuario sobre el valor de la opción desplegable seleccionado con la ayuda de una función definida por el usuario.
El siguiente ejemplo explica el concepto declarado.
Ejemplo Seleccione un lenguaje de programación de la lista dada: A continuación, especifique el "Etiqueta para seleccionar la opción particular de la lista desplegable. Además, incluya el "en el cambio"Evento e invoca la función especificada pasando la palabra clave"este"A él junto con la opción"valor"Del menú desplegable. Además, incluya las siguientes opciones con los valores especificados en el "" etiqueta: Por último, defina una función llamada "OnchangedRoPdown ()"Y pasó el"valor"Como argumento. En la definición de función, el valor seleccionado se mostrará en el cuadro de alerta :: Producción Método 2: Cree desplegable Uso de OnChange en JavaScript usando el documento.método getElementById () El "documento.getElementById ()El método se utiliza para obtener el elemento correspondiente a la ID especificada. Este método se puede implementar para obtener la opción seleccionada en el menú desplegable y mostrar el valor correspondiente contra él. Sintaxis Aquí, "identificación"Se refiere a la identificación del elemento que necesita ser recogido. Descripción general el siguiente ejemplo. Ejemplo Seleccione un lenguaje de programación de la lista dada: El ""La etiqueta aquí representa el menú desplegable, que tiene una ID y el asociado"en el cambio"Redirección de eventos a la función especificada. Luego, agregue las opciones requeridas en él: Aquí, asigne lo siguiente "identificación"Al párrafo. Tan pronto como se seleccione la opción, se mostrará un mensaje en particular en esta sección junto con la opción seleccionada: Finalmente, declare una función llamada "OnchangedRoPdown ()". Aquí, obtenga la etiqueta SELECT basada en su "ID" y muestre el valor correspondiente con la opción seleccionada desde el menú desplegable. En el siguiente paso, notifique al usuario sobre la opción seleccionada obteniendo el elemento de párrafo agregado y escribiendo el siguiente mensaje junto con la opción: Producción Hemos implementado métodos creativos para crear desplegable usando OnChange en JavaScript. Conclusión Para crear desplegable usando OnChange en JavaScript, muestre el valor desplegable seleccionado usando un cuadro de alerta o aplique el "documento.getElementById ()" método. El enfoque anterior se puede utilizar para notificar al usuario sobre el valor de la opción desplegable seleccionado con la ayuda de una función definida por el usuario. La última implementación obtiene la opción seleccionada desde el menú desplegable usando su ID y la muestra. Este artículo demostró los métodos para crear desplegables usando OnChange en JavaScript.
En primer lugar, incluya el siguiente encabezado en el "
alerta (valor);
En primer lugar, incluya el siguiente encabezado como se discute en el método anterior:
var x = documento.getElementById ("List").valor;
documento.getElementById ("para").innerhtml = "La selección actualizada es:" + x;