 |
|
||||
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object |
Obtendo o índice da opção selecionada em um elemento HTML selectQuantidade de visualizações: 8516 vezes |
Em algumas situações precisamos obter o índice (index) da opção selecionada em um elemento HTML select. Isso pode ser feito por meio da propriedade selectedIndex da coleção options, que representa todas as opções do elemento select. 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 o índice da opção selecionada
var indiceSelecionada = elem.options.selectedIndex;
// vamos exibir o resultado
window.alert("Índice da opção selecionada: " + indiceSelecionada);
}
</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 índice da opção selecionada
no elemento select</button>
</body>
</html>
Note que o índice da primeira opção do elemento select é 0. 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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
