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!
We’re thrilled to announce an exciting opportunity for you to win not one but two…
Acquiring practical skills is crucial for career advancement and personal growth. Education Ecosystem stands out…
Artificial Intelligence (AI) has been making significant strides in various industries, and the software development…
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…
View Comments
Já sabia deste truque ;)