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!

Avatar
About author

I, Dr. Michael J. Garbade is the co-founder of the Education Ecosystem (aka LiveEdu), ex-Amazon, GE, Rebate Networks, Y-combinator. Python, Django, and DevOps Engineer. Serial Entrepreneur. Experienced in raising venture funding. I speak English and German as mother tongues. I have a Masters in Business Administration and Physics, and a Ph.D. in Venture Capital Financing. Currently, I am the Project Lead on the community project -Nationalcoronalvirus Hotline I write subject matter expert technical and business articles in leading blogs like Opensource.com, Dzone.com, Cybrary, Businessinsider, Entrepreneur.com, TechinAsia, Coindesk, and Cointelegraph. I am a frequent speaker and panelist at tech and blockchain conferences around the globe. I serve as a start-up mentor at Axel Springer Accelerator, NY Edtech Accelerator, Seedstars, and Learnlaunch Accelerator. I love hackathons and often serve as a technical judge on hackathon panels.