如何检查下拉菜单中有多少个选项？

110

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

谢谢。

jquery drop-down-menu

201

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

要么

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

假设您的<select>列表ID为mySelectList。

— 用户名
source

.children('option').length;这是我通过.done（{}）中的Ajax动态填充选择列表后获得实际选项计数/ select.length的唯一方法；使用.append（）。要走的路！

— yardpenalty.com

所选选项的长度是正确的“ $（'。search-select选项：selected'）。length”

— Youssef Boudaya

10

$("#mydropdown option").length

或者，如果您已经有参考资料，

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

— 马蒂·维克库宁（Matti Virkkunen）
source

8

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

HTML：

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

jQuery的：

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

快速说明，通常您需要在jquery中对非常具体的事情进行操作，但是首先需要查看是否存在非常具体的事情。length属性是完美的工具。例：

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

这将“翻译”为“如果ID = myDropDown的项具有任何后代'option'，请执行所需的操作。

— 亚当
source

5

单击此处查看有关此的以前的帖子

基本上只针对选择的ID并执行以下操作：

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

— 蒙兹拉
source

请参阅我对@Shaji的评论

— Russ Bradberry 2010年

4

$('#idofdropdown option').length;

那应该做。

— 罗布·史蒂文森-莱格特
source

4

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

$("#elementid option").length

— 沙吉尔·阿齐兹（Sharjeel Aziz）
source

使用“ .size”而不是“ .length”没有好处，因为后者稍快一些。

— Russ Bradberry

3

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

— 幻想曲
source

3

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

— 第二
source

3

$('select option').length;

要么

$("select option").size()

— 尼古拉斯利克
source

.size()如果您想链接，非常有用

— adardesign 2010年

.size（）返回整数，因此不可链接。您只能链接返回jQuery对象的方法。

— Russ Bradberry

0

使用纯JavaScript，您可以在选择框的ID上调用长度。它将更快。通常，所有本机javascript在现代浏览器中的性能都越来越好

这可以在javascript中通过

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

var length = dropdownFilterSite.length.

一个学习的好网站

www.youmightnotneedjquery.com

Todd Motto观看的精彩视频

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

— 瓦萨尔
source