计算JQuery中的Select Dom元素中的选项数量标签

如何使用jQuery来计算selectDOM元素中的选项数量。

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

如何在select DOM元素中find选项标签的数量，因为我想用它的下拉框中相应的选项值打开设置面板的input字段数量，并在“预览”面板中再次进行更改。

上面的下拉框在jQuery生成的预览面板中。

Answer 1

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

这将产生2。

这是工作的小提琴

Answer 2

W3C解决scheme：

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

Answer 3

您可以使用任何长度属性和length是更好的性能，然后size 。

 $('#input1 option').length; 

或者你可以使用大小function

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

演示

Answer 4

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

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

和

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

不知道我明白你的问题的其余部分。

Answer 5

在多select选项框中，可以使用$('#input1 :selected').length; 获取选定的选项数量。 如果不满足某个最小数量的选项，这可以用于禁用button。

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

Answer 6

好吧，我有一些问题，因为我在里面

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

我在我的页面中有多个，这就是为什么我使用一个类。

我的下拉是由ajax请求自动填充，当我点击它，所以我只有元素$（这个）

所以…

我必须做：

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