 |
|
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: select Element/Object |
Como retornar a quantidade de opções (elementos option) em um elemento HTML selectQuantidade de visualizações: 9408 vezes |
|
Em algumas situações gostaríamos de saber a quantidade de opções (elementos option) contidos em um determinado elemento HTML select. Isso pode ser feito por meio da propriedade length da coleção options, que representa todas as opções do controle select. Veja uma página HTML na qual temos um elemento select com três opções e um botão. Quando clicamos no botão uma mensagem alert() é usada para exibir a quantidade de opções contidas no elemento select:
<html>
<head>
<title>Estudos JavaScript</title>
<script type="text/javascript">
function contarOpcoes(){
// vamos obter o elemento select
var elem = document.getElementById("cidades");
// vamos obter a quantidade de opções no select
var quant = elem.options.length;
// vamos exibir o resultado
window.alert("O elemento select contém " + quant + " opções.");
}
</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="contarOpcoes()">Obter quantidade de opções
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 |
|
JavaScript - Como adicionar um método isPar() ao objeto Number do JavaScript que indicará se um número é par ou impar |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
