Como verifico quantas opções existem em um menu suspenso?

110

Como faço para verificar, usando jQuery, quantas opções existem em um menu suspenso?

Obrigado.

jquery drop-down-menu

— Asim Zaidi
fonte

201

var length = $('#mySelectList').children('option').length;

ou

var length = $('#mySelectList > option').length;

Isso pressupõe que sua <select>lista tenha um ID de mySelectList.

— user113716
fonte

.children('option').length;era a única maneira de obter a opção real count / select.length depois de preencher minha lista de seleção dinamicamente por meio de ajax no .done ({}); usando .append (). Muito bem!

— yardpenalty.com

para o comprimento das opções selecionadas está correto "$ ('. opção de seleção de pesquisa: selecionado'). comprimento"

— Youssef Boudaya

10

$("#mydropdown option").length

Ou se você já tem uma referência a ele,

$(myDropdown).find("option").length

— Matti Virkkunen
fonte

8

Use a propriedade length ou o método size para descobrir quantos itens estão em uma coleção jQuery. Use o seletor descendente para selecionar todos <option>os dentro de a <select>.

HTML:

<select id="myDropDown">
<option>1</option>
<option>2</option>
.
.
.
</select>

JQuery:

var numberOfOptions = $('select#myDropDown option').length

E uma observação rápida: geralmente você precisará fazer algo no jquery para uma coisa muito específica, mas primeiro você precisa ver se a coisa muito específica existe. A propriedade de comprimento é a ferramenta perfeita. exemplo:

   if($('#myDropDown option').length > 0{
      //do your stuff..
    }

Isso 'se traduz' em "Se o item com ID = myDropDown tiver qualquer 'opção' descendente, faça o que você precisa fazer.

— Adão
fonte

5

Clique aqui para ver uma postagem anterior sobre isso

Basicamente, basta direcionar o ID do select e fazer o seguinte:

var numberOfOptions = $('#selectId option').length;

— Munzilla
fonte

veja meu comentário para @Shaji

— Russ Bradberry

4

$('#idofdropdown option').length;

Isso deve resolver.

— Rob Stevenson-Leggett
fonte

4

Obtenha o número de opções em um elemento selecionado específico

$("#elementid option").length

— Sharjeel Aziz
fonte

Não há nenhuma vantagem em usar ".size" sobre ".length", que é um pouco mais rápido.

— Russ Bradberry

3

alert($('#select_id option').length);

— fantactuka
fonte

3

$('#dropdown_id').find('option').length

— segundo
fonte

3

$('select option').length;

ou

$("select option").size()

— Nicholasklick
fonte

.size()é útil se você deseja encadear

— adardesign

.size () retorna um inteiro e, portanto, não pode ser encadeado. Você só pode encadear métodos que retornam objetos jQuery.

— Russ Bradberry

0

Com javascript puro, você pode simplesmente chamar o comprimento no id da caixa de seleção. Vai ser mais rápido. Normalmente, com tudo que o javascript nativo tem um desempenho cada vez melhor com os navegadores modernos

Isso pode ser feito em javascript por

     var dropdownFilterSite = document.querySelector( '#dropDownId' );  //Similar to jQuery

var length = dropdownFilterSite.length.

Bom site para aprender

www.youmightnotneedjquery.com

Um bom vídeo para assistir por Todd Motto

https://www.youtube.com/watch?v=pLISnANteJY

— Vatsal
fonte