Uncategorized

JavaScript – Como recuperar o valor de uma opção selecionada numa lista dropdown?

Como fazer para recuperar, no JavaScript, o valor de uma opção numa dropdown list? Antes de qualquer coisa, devemos nos lembrar de que podemos obter diferentes informações dessa opção dentro do JavaScript. Vamos então, analisar um pouco a terminologia utilizada para nomear coisas diferentes relacionadas com uma opção dentro do código.

Considere o exemplo abaixo:

A opção acima possui as seguintes informações:

  • Index = 0
  • Valor = hello
  • Texto = Hello World

JavaScript – Como recuperar o valor de uma opção selecionada numa dropdown list

Tendo em vista o exemplo acima, podemos recuperar então o index, o valor ou o texto. Caso tenhamos o exemplo abaixo:

E rodarmos o código à seguir:

O retorno dele seria o valor 2.

Caso desejarmos recuperar o texto da opção selecionada, o código abaixo pode ser utilizado:

E o valor retornado seria test2.

JavaScript – Utilizando jQuery para recuperar valor de uma lista dropdown

Caso seja possível utilizar o jQuery, esta operação se torna mais simples. O código para recuperar o valor ou texto da opção selecionada pode ser criado seguindo o modelo abaixo:

Estas são as formas mais que tínhamos para compartilhar neste artigo. Você conhece outras maneiras de fazer esta operação no JavaScript?  Compartilhe seus comentários na seção abaixo!

Se você quiser explorar outros assuntos sobre javaScript, você pode acessar os vídeos da LCTV sobre o tema. Abaixo estão alguns exemplos:

Você também pode se inscrever para seguir canais que fazem transsmissões sobre JavaScript, como os abaixo:

JavaScript dropdown list dicas programação jQueryMichaeljcalkins

JavaScript dropdown list dicas programação jQueryRdegges

Outra forma bacana de descobrir coisas interessantes sobre JavaScript é visitar nossa página de projetos!

About author

About Author Dr. Michael Jurgen Garbade is the founder of LiveEdu.TV, Kyuda, Education Ecosystem. He is future Venture Capitalist, Future Politician and always on the lookout for the Next Big Challenge. Obtained Masters in business administration and physics, and a Ph.D. in finance with professional work experience in high-paced environments at Fortune 500 companies like Amazon and General Electric. Expertize: Python, PHP, Sencha Touch & C++, SEO, Finance, Strategy & E-commerce. He speaks English and German and has worked in the US, Europe, and Asia. At Education Ecosystem he is the CEO and runs business operations.
Related posts
Uncategorized

Michael Jurgen Garbade

Uncategorized

Product Development Update

Uncategorized

Education Ecosystem正在调整价格计划

Uncategorized

想获得更多代币?请加入 LiveEdu 创建者推荐项目吧