Cómo obtener el valor seleccionado en la lista desplegable usando JavaScript?

Una lista desplegable proporciona una lista de elementos que están vinculados con una función particular. Al hacer clic en cada elemento, el código JavaScript se ejecuta en el backend y realiza una tarea específica con respecto a ese elemento. La propiedad de la lista desplegable se usa muy comúnmente en sitios web de comercio electrónico, educativo y del mercado de valores.

Si está explorando JavaScript para mejorar sus habilidades de programación, entonces este es el mejor lugar para comprender los conceptos básicos de Javascript. En la guía de hoy, aprenderá a extraer el valor que se selecciona en una lista desplegable utilizando JavaScript.

En este artículo, los usuarios podrán obtener el valor que se selecciona en la vista desplegable utilizando Javascript.

Cómo obtener el valor seleccionado en una lista desplegable en JavaScript?

JavaScript se puede usar para recuperar valores que se seleccionan de la lista desplegable y luego mostrar el valor en el navegador. Esta sección proporciona una función incorporada para obtener el valor seleccionado por la lista desplegable.

Ejemplo

Se demuestra un ejemplo para obtener los valores de una lista desplegable en JavaScript.

Código

Un ejemplo para obtener el valor seleccionado en la lista desplegable usando JavaScript

Seleccione el elemento y vea el valor

-- Seleccione --
Grillo
Fútbol americano
Hockey

El código se describe como:

• Primero, se muestra un mensaje para seleccionar el elemento del la lista desplegable.
• Después de eso, el Palabra clave de opción se utiliza para listas desplegables como Cricket, fútbol, y Hockey.
• Después de hacer clic en cada elemento, se ejecuta la pieza de código y aparece los valores asociados con el elemento.

Producción

La pantalla representa una lista desplegable ejecutando el código anterior. En el backend, se adjuntan diferentes elementos a una lista, y a cada uno se le asigna un valor. Al hacer clic en un elemento, el valor específico se muestra en la ventana emergente.

Conclusión

Se utiliza una lista desplegable para obtener el valor seleccionado haciendo clic en las opciones en Javascript. Para este propósito, y Las etiquetas se emplean para selección y otorgan opciones a los usuarios, respectivamente. Al hacer clic en la opción, el usuario extrae el valor asociado en la ventana emergente del navegador web. Principalmente, estas listas desplegables se utilizan en sitios de comercio electrónico. Aquí, ha aprendido a obtener el valor que se selecciona en las listas desplegables usando JavaScript.