统计jQuery中select标签的选项标签个数

Question

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

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

我想要找出<select> DOM元素中的<option>标签的数量，因为我想要打开设置面板，其中包含该数量的输入字段和下拉框中相应的选项值，并在预览面板中再次更改它。

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

Answer 1

$('#input1 option').length;

这将生成2。

Answer 2

W3C解决方案：

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

Answer 3

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

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

和

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

我不太明白你剩下的问题。