Wie überprüfe ich, wie viele Optionen es in einem Dropdown-Menü gibt?

Lesezeit: 2 Minuten

Benutzer-Avatar
Asim Zaidi

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

Vielen Dank.

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

oder

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

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

  • .children('option').length; war die einzige Möglichkeit, die tatsächliche Anzahl der Optionen / select.length zu erhalten, nachdem ich meine Auswahlliste dynamisch über Ajax in der .done({})-Datei ausgefüllt hatte; mit .append(). Weiter so!

    – yardpenalty.com

    10. November 2016 um 21:35 Uhr

  • für die Länge der ausgewählten Optionen ist dies korrekt “$(‘.search-select option:s selected’).length”

    – Youssef Boudaya

    12. Juni 2019 um 11:00 Uhr

  • In Bezug auf die Antwort von @yardpenalty.com liegt der Grund darin, dass die .children()-Version das aktuelle DOM parst, während die zweite mit $(‘#mySelectList > option’) das DOM parst, das beim Laden der Seite vorhanden war.

    – mydoglixu

    10. Januar 2021 um 21:19 Uhr


$("#mydropdown option").length

Oder wenn Sie bereits einen Hinweis darauf haben,

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

Benutzer-Avatar
Adam

Verwenden Sie die Längeneigenschaft oder die Größenmethode um herauszufinden, wie viele Elemente sich in einer jQuery-Sammlung befinden. Verwenden Sie die Nachkommen-Selektor um alle auszuwählen <option>ist innerhalb von a <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 ‘übersetzt’ zu “Wenn Artikel mit ID=myDropDown irgendwelche untergeordneten ‘Optionen’ s hat, tun Sie, was Sie tun müssen.

Benutzer-Avatar
Sharjeel Aziz

Rufen Sie die Anzahl der Optionen in einem bestimmten Auswahlelement ab

$("#elementid option").length

Benutzer-Avatar
Munzilla

Klicken Sie hier, um einen früheren Beitrag dazu anzuzeigen

Zielen Sie im Grunde nur auf die ID der Auswahl und tun Sie dies:

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

Benutzer-Avatar
Rob Stevenson-Leggett

$('#idofdropdown option').length;

Das sollte es tun.

Benutzer-Avatar
fantactuka

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

  • Dies funktioniert, aber nicht, wenn sich das DOM nach dem Laden ändert. Einzelheiten finden Sie oben in der akzeptierten Antwort.

    – mydoglixu

    10. Januar 2021 um 21:21 Uhr

1311070cookie-checkWie überprüfe ich, wie viele Optionen es in einem Dropdown-Menü gibt?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy