Wie überprüfe ich, wie viele Optionen ein Dropdown-Menü enthält?

110

Wie überprüfe ich mit jQuery, wie viele Optionen in einem Dropdown-Menü enthalten sind?

Vielen Dank.

jquery drop-down-menu

— Asim Zaidi
quelle

201

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

oder

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

Dies setzt voraus, dass Ihre <select>Liste eine ID von hat mySelectList.

— user113716
quelle

.children('option').length;war die einzige Möglichkeit, die tatsächliche Option count / select.length zu erhalten, nachdem ich meine Auswahlliste dynamisch über Ajax in der .done ({}) ausgefüllt hatte; mit .append (). Gut gemacht!

— Yardpenalty.com

Für die Länge der ausgewählten Optionen ist diese korrekte "$ ('. Suchauswahloption: ausgewählt'). Länge".

— Suchauswahloption

10

$("#mydropdown option").length

Oder wenn Sie bereits einen Verweis darauf haben,

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

— Matti Virkkunen
quelle

8

Verwenden Sie die length-Eigenschaft oder die size-Methode , um herauszufinden, wie viele Elemente sich in einer jQuery-Auflistung befinden. Verwenden Sie den Nachkommen-Selektor , um alle <option>innerhalb von a auszuwählen<select> .

HTML:

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

JQuery:

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

Und eine kurze Anmerkung: Oft müssen Sie etwas in jquery für eine ganz bestimmte Sache tun, aber Sie müssen zuerst sehen, ob die ganz bestimmte Sache existiert. Die Längeneigenschaft ist das perfekte Werkzeug. Beispiel:

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

Dies bedeutet "Wenn das Element mit der ID = myDropDown eine absteigende Option hat", tun Sie, was Sie tun müssen.

— Adam
quelle

5

Klicken Sie hier, um einen vorherigen Beitrag dazu zu sehen

Grundsätzlich zielen Sie einfach auf die ID der Auswahl und tun dies:

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

— Munzilla
quelle

siehe meinen Kommentar zu @Shaji

— Russ Bradberry

4

$('#idofdropdown option').length;

Das sollte es tun.

— Rob Stevenson-Leggett
quelle

4

Ermitteln Sie die Anzahl der Optionen in einem bestimmten Auswahlelement

$("#elementid option").length

— Sharjeel Aziz
quelle

Die Verwendung von ".size" gegenüber ".length", die etwas schneller ist, hat keinen Vorteil.

— Russ Bradberry

3

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

— Fantactuka
quelle

3

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

— zweite
quelle

3

$('select option').length;

oder

$("select option").size()

— nicholasklick
quelle

.size()ist nützlich, wenn Sie

— verketten

.size () gibt eine Ganzzahl zurück und ist daher nicht verkettbar. Sie können nur Methoden verketten, die jQuery-Objekte zurückgeben.

— Russ Bradberry

0

Mit reinem Javascript können Sie einfach die Länge auf der ID des Auswahlfelds aufrufen. Es wird schneller sein. In der Regel funktioniert natives Javascript mit modernen Browsern immer besser

Dies kann in Javascript durch erreicht werden

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

var length = dropdownFilterSite.length.

Gute Website zum Lernen

www.youmightnotneedjquery.com

Ein gutes Video von Todd Motto

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

— Vatsal
quelle