如何檢查下拉菜單中有多少選項？

Question

如何使用jQuery檢查下拉菜單中有多少選項？

謝謝。

Answer 1

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

或

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

這裏假設你的<select>名單有mySelectList的ID。

• http://api.jquery.com/length/
• http://api.jquery.com/children/
• http://api.jquery.com/child-selector/

Answer 2

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

Answer 3

$('#idofdropdown option').length; 

應該這樣做。

Answer 4

$("#mydropdown option").length 

或者，如果你已經有了一個參考吧，

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

Answer 5

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

Answer 6

使用length property或the size method找出許多項目是如何在一個jQuery集合。使用descendant selector在<select>內選擇所有<option>。

HTML：

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

JQuery的：

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

Answer 7

$('select option').length; 

或

$("select option").size() 

Answer 8

獲取特定選擇元件的選項的數目

$("#elementid option").length 

Answer 9

Click here to see a previous post about this

基本上只是針對選擇的ID，並做到這一點：

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

Answer 10

使用純JavaScript你可以調用上的選擇框的ID長度。 它會更快。 通常一切本地JavaScript與現代的瀏覽器

這可以在JavaScript實現由

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

var length = dropdownFilterSite.length. 

良好的網站對一些學習

www.youmightnotneedjquery執行好。。com

一個很好的視頻由Todd座右銘

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