 |
|
||||
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object |
Como retornar o texto e valor da opção selecionada em um elemento HTML selectQuantidade de visualizações: 10394 vezes |
Em algumas situações precisamos saber o texto e o valor da opção (option) selecionada em um elemento HTML select. Nesta dica eu mostro como isso pode ser feito. O primeiro passo é obter o valor da propriedade selectedIndex da coleção options, que representa todas as opções do select. Em seguida nós obtemos o elemento na coleção que corresponde à posição retornada pela propriedade selectedIndex. Veja:
<html>
<head>
<title>Estudos JavaScript</title>
<script type="text/javascript">
function obterOpcaoSelecionada(){
// vamos obter o elemento select
var elem = document.getElementById("cidades");
// vamos obter a opção selecionada
var selecionada = elem.options[elem.options.selectedIndex];
// vamos exibir o texto da opção selecionada
window.alert("Texto da opção: " + selecionada.text);
// vamos exibir o valor da opção selecionada
window.alert("Valor da opção: " + selecionada.value);
}
</script>
</head>
<body>
<form name="form1">
<select name="cidades" id="cidades">
<option value="5" selected="selected">Goiânia</option>
<option value="2">São Paulo</option>
<option value="7">Cuiabá</option>
</select>
</form>
<button onclick="obterOpcaoSelecionada()">Obter opção selecionada
no elemento select</button>
</body>
</html>
Esta dica foi escrita e testada no Internet Explorer 8 e Firefox 3.6. |
 Link para compartilhar na Internet ou com seus amigos: |
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
|
LISP - Como converter Coordenadas Cartesianas para Coordenadas Polares em LISP - LISP para Engenharia |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
