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

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;