选择中的“实时计数”选项

Question

我如何使用JS计算下面这段代码中的选项标签数量（不使用JQuery

<select name="torso" id="torso">
      <option value="0" selected="">all</option>
      <option value="1">1-3</option>
      <option value="2">4-7</option>
      <option value="3">8-11</option>
      <option value="4">&gt;=12</option>
</select>

在这种情况下，结果应为5

Answer 1

你可以这样做：

var x = document.getElementById("torso").options.length;
console.log(x); //prints 5

演示：http://jsfiddle.net/tymeJV/hDyuW/

Answer 2

使用此：

var number = document.getElementById('torso')    // pick <select>
               .getElementsByTagName('option')   // pick all <option>'s
               .length;