如何查看下拉菜单中有多less个选项？

如何使用jQuery检查下拉菜单中有多less个选项？

谢谢。

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

 $("#mydropdown option").length 

或者如果你已经有了一个参考，

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

Answer 3

使用length属性或size方法来查找jQuery集合中有多less项目。 使用后代select器来select<select>所有<option> <select> 。

HTML：

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

JQuery的：

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

Answer 4

获取特定select元素中的选项数量

 $("#elementid option").length 

Answer 5

点击这里查看以前的post

基本上只是目标的select的ID和做到这一点：

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

Answer 6

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

Answer 7

 $('#idofdropdown option').length; 

这应该做到这一点。

Answer 8

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

Answer 9

 $('select option').length; 

要么

 $("select option").size() 

Answer 10

用纯JavaScript，你可以调用select框的ID的长度。 它会更快。 通常情况下，原生JavaScript在现代浏览器中的performance越来越好

这可以通过javascript来实现

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

有一些学习的好网站

http://www.youmightnotneedjquery.com

Todd Motto的一个很好的video

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