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

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

谢谢。

176191 次浏览
alert($('#select_id option').length);
$('#idofdropdown option').length;

应该可以了。

$("#mydropdown option").length

或者如果你已经得到了它的参考,

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

或者

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

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

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

Use the 长度属性 or 尺寸法 to find out how many items are in a jQuery collection. Use the 后代选择器 to select all <option>'s within a <select>.

HTML:

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

JQuery:

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

简单说明一下,通常您需要在 jquery 中为一个非常特定的事情做一些事情,但是您首先需要查看这个非常特定的事情是否存在。长度属性是完美的工具。 example:

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

这个“转换”为“如果 ID = myDropDown 的条目有任何后代‘选项’,请执行您需要执行的操作。”。

$('select option').length;

或者

$("select option").size()

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

$("#elementid option").length

点击这里查看以前的文章

Basically just target the ID of the select and do this:

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

使用纯 javascript,您只需调用选择框 id 上的长度即可。 这样更快。 通常,对于所有的东西,本地 javascript 在现代浏览器中的表现越来越好

这可以通过以下方法在 javascript 中实现

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


var length = dropdownFilterSite.length.

很好的学习网站

Www.youmightnotneedjquery.com

一个很好的视频观看由托德座右铭

Https://www.youtube.com/watch?v=plisnantejy