Come faccio a controllare quante opzioni ci sono in un menu a tendina?

110

Come posso controllare, usando jQuery, quante opzioni ci sono in un menu a tendina?

Grazie.

jquery drop-down-menu

— Asim Zaidi
fonte

201

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

o

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

Ciò presuppone che l' <select>elenco abbia un ID di mySelectList.

— user113716
fonte

.children('option').length;era l'unico modo in cui potevo ottenere l'attuale opzione count / select.length dopo aver compilato dinamicamente il mio elenco di selezione tramite ajax nel .done ({}); utilizzando .append (). Ben fatto!

— yardpenalty.com

per la lunghezza delle opzioni selezionate è questa corretta "$ ('. ricerca-seleziona opzione: selezionata'). lunghezza"

— Youssef Boudaya

10

$("#mydropdown option").length

O se hai già un riferimento ad esso,

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

— Matti Virkkunen
fonte

8

Usa la proprietà length o il metodo size per scoprire quanti elementi ci sono in una raccolta jQuery. Usa il selettore discendente per selezionare tutti <option>i file all'interno di un file <select>.

HTML:

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

JQuery:

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

E una breve nota, spesso dovrai fare qualcosa in jquery per una cosa molto specifica, ma devi prima vedere se la cosa molto specifica esiste. La proprietà length è lo strumento perfetto. esempio:

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

Questo "si traduce" in "Se l'elemento con ID = myDropDown ha delle opzioni discendenti, fai quello che ti serve.

— Adamo
fonte

5

Clicca qui per vedere un post precedente su questo

Fondamentalmente, scegli come target l'ID della selezione e fai questo:

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

— Munzilla
fonte

vedi il mio commento a @Shaji

— Russ Bradberry

4

$('#idofdropdown option').length;

Dovrebbe bastare.

— Rob Stevenson-Leggett
fonte

4

Ottieni il numero di opzioni in un particolare elemento di selezione

$("#elementid option").length

— Sharjeel Aziz
fonte

Non c'è alcun vantaggio nell'usare ".size" su ".length" che è leggermente più veloce.

— Russ Bradberry

3

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

— fantactuka
fonte

3

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

— secondo
fonte

3

$('select option').length;

o

$("select option").size()

— nicholasklick
fonte

.size()è utile se vuoi concatenare

— adardesign

.size () restituisce un intero e, quindi, non è concatenabile. È possibile concatenare solo metodi che restituiscono oggetti jQuery.

— Russ Bradberry

0

Con il puro javascript puoi semplicemente chiamare la lunghezza sull'id della casella di selezione. Sarà più veloce. In genere, con tutto ciò che javascript nativo funziona sempre meglio con i browser moderni

Questo può essere ottenuto in javascript da

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

var length = dropdownFilterSite.length.

Buon sito web per imparare

www.youmightnotneedjquery.com

Un buon video da guardare di Todd Motto

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

— Vatsal
fonte