Como obter o valor selecionado na lista suspensa usando JavaScript?

Uma lista suspensa fornece uma lista de elementos vinculados a uma função específica. Ao clicar em cada elemento, o código JavaScript é executado no back -end e executa uma tarefa específica sobre esse elemento. A propriedade Lista suspensa é muito comumente usada em sites de comércio eletrônico, educacional e do mercado de ações.

Se você está explorando JavaScript para aprimorar suas habilidades de programação, este é o melhor lugar para você entender os conceitos básicos de JavaScript. No guia de hoje, você aprenderá a extrair o valor selecionado em uma lista suspensa utilizando JavaScript.

Neste artigo, os usuários poderão obter o valor selecionado na visão suspensa utilizando JavaScript.

Como obter o valor selecionado em uma lista suspensa em javascript?

JavaScript pode ser usado para recuperar valores selecionados na lista suspensa e depois exibir o valor no navegador. Esta seção fornece uma função interna para obter o valor selecionado pela lista suspensa.

Exemplo

Um exemplo é demonstrado para obter os valores de uma lista suspensa em JavaScript.

Código

Um exemplo para obter o valor selecionado na lista suspensa usando JavaScript

Selecione o elemento e veja o valor

-- Por favor selecione --
Grilo
Futebol
Hóquei

O código é descrito como:

• Primeiro, uma mensagem é exibida para selecionar o elemento do Lista suspensa.
• Depois disso, o palavra -chave da opção é utilizado para listas suspensas como Críquete, futebol, e Hóquei.
• Depois de clicar em cada elemento, o pedaço de código é executado e aparece os valores associados ao elemento.

Saída

A tela representa uma lista suspensa executando o código acima. No back -end, diferentes elementos são anexados a uma lista e cada um recebe um valor. Ao clicar em um elemento, o valor específico é exibido na janela pop-up.

Conclusão

Uma lista suspensa é utilizada para obter o valor selecionado clicando nas opções em JavaScript. Para esse fim, e Tags são empregadas para seleção e opções de doação aos usuários, respectivamente. Ao clicar na opção, o usuário extrai o valor associado na janela pop-up do navegador da web. Principalmente, essas listas suspensas são usadas em sites de comércio eletrônico. Aqui, você aprendeu a obter o valor selecionado em listas suspensas usando JavaScript.