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

Antworten:

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
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