计算jQuery中选择标签中的选项标签的数量

如何使用jQuery计算DOM元素中的<option>s 数量<select>？

<select data-attr="dropdown" id="input1">
  <option value="Male" id="Male">Male</option>
  <option value="Female" id="Female">Female</option>
</select>

我想<option>在<select>DOM元素中找到标记的数量，因为要打开带有相应数量的输入字段的设置面板，并从下拉框中选择相应的选项值，然后在预览中再次进行更改面板。

上面的下拉框在我的预览面板中，该面板由jQuery生成。

$('#input1 option').length;

这将产生2。

W3C解决方案：

var len = document.getElementById("input1").length;

您可以使用length属性中的任何一个，并且length性能更好size。

$('#input1 option').length;

或者您可以使用尺寸功能

$('#input1 option').size(); 

演示版

您的问题有点令人困惑，但是假设您要在面板中显示选项数量：

<div id="preview"></div>

和

$(function() {
  $("#preview").text($("#input1 option").length + " items");
});

不知道我能理解您其余的问题。

在多选选项框中，您可以$('#input1 :selected').length;用来获取所选选项的数量。如果未达到一定的最小数量的选项，这对于禁用按钮很有用。

function refreshButtons () {
    if ($('#input :selected').length == 0)
    {
        $('#submit').attr ('disabled', 'disabled');
    }
    else
    {
        $('#submit').removeAttr ('disabled');
    }
}

好的，我有一些问题，因为我在

$('.my-dropdown').live('click', function(){  
});

我的页面内有多个，这就是为什么我使用一门课。

单击下拉列表时，我的下拉列表自动被ajax请求填充，因此我只有元素$（this）

所以...

我必须做：

$('.my-dropdown').live('click', function(){
  total_tems = $(this).find('option').length;
});

最好的形式是这样

$('#example option').length

可能有用的另一种方法。

$('#select-id').find('option').length