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:
<select> <option value="hello">Hello World</option> </select>
A opção acima possui as seguintes informações:
Tendo em vista o exemplo acima, podemos recuperar então o index, o valor ou o texto. Caso tenhamos o exemplo abaixo:
<select id="ddlViewBy"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option> </select>
E rodarmos o código à seguir:
var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].value;
O retorno dele seria o valor 2.
Caso desejarmos recuperar o texto da opção selecionada, o código abaixo pode ser utilizado:
var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].text;
E o valor retornado seria test2.
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:
$("# ddlViewBy :selected").text(); // The text content of the selected option $("# ddlViewBy").val(); // The value of the selected option
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:
Outra forma bacana de descobrir coisas interessantes sobre JavaScript é visitar nossa página de projetos!
Another week to bring you the top yield platforms for three of the most prominent…
If you hold a large volume of LEDU tokens above 1 million units and wish…
It’s another week and like always we have to explore the top yield platforms for…
At a time where we’re constantly seeking tools and strategies to simplify our crypto investments,…
As we kick off another week, it's time to explore the top yield platforms for…
We're excited to share that Education Ecosystem was recently featured in an article on Business…
View Comments
Já sabia deste truque ;)