 |
|
||||
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: 8513 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">
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 |
|
Delphi - Como obter o número do registro atual em um TClientDataSet do Delphi usando a propriedade RecNo Python - Datas e horas em Python - Como obter a hora como um decimal no intervalo 00-12 (formato 12 horas) MySQL - Como usar joins no MySQL |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
