Ofereço ajuda em Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD
+55 (062) 98553-6711
Ofereço ajuda em PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO
+55 (062) 98243-1195

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 select

Quantidade de visualizações: 9304 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>


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

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas
Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book
E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas
Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 16 usuários muito felizes estudando em nosso site.