it-swarm.com.de

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

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

Vielen Dank.

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

oder

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

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

180
user113716
$("#mydropdown option").length

Oder wenn Sie bereits einen Hinweis darauf haben,

$(myDropdown).find("option").length
10
Matti Virkkunen

Verwenden Sie die Eigenschaft length oder die Größenmethode , um herauszufinden, wie viele Elemente sich in einer jQuery-Auflistung befinden. Verwenden Sie den Abkömmling Selector , um alle <option>s innerhalb eines <select> auszuwählen.

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 für eine bestimmte Sache in jquery tun, aber Sie müssen zuerst prüfen, ob die bestimmte Sache existiert. Die length-Eigenschaft ist das perfekte Werkzeug. Beispiel:

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

Dies "übersetzt" in "Wenn ein Element mit der ID = myDropDown eine untergeordnete 'Option hat, machen Sie, was Sie tun müssen.

7
Adam

Klicken Sie hier, um einen vorherigen Beitrag zu diesem Thema anzuzeigen

Richten Sie im Grunde nur die ID des select aus und machen Sie folgendes:

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

Das sollte es tun.

Liefert die Anzahl der Optionen in einem bestimmten select-Element

$("#elementid option").length
4
Shaji
alert($('#select_id option').length);
3
fantactuka
$('#dropdown_id').find('option').length
3
second
$('select option').length;

oder

$("select option").size()
3
nicholasklick

Mit reinem Javascript können Sie einfach die Länge der ID der Auswahlbox angeben. Es wird schneller sein. Normalerweise bringt alles native Javascript mit modernen Browsern eine bessere Leistung 

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

0
Vatsal