使用javascript获取选项元素的高度？

Question

像往常一样，单击select元素时会显示选项元素，并且我想获得选项元素的高度。

感谢。

编辑 @david 旧学校选择

<select>
<option>a</option>
<option>s</option>
</select>

Answer 1

这是不可能的，因为它实际上不是显示的选项元素。

HTML标准仅指定浏览器应该提供一些从选项中选择的方式，而不是应该如何显示。因此，没有标准的方法来获取有关它如何显示的任何信息。

普通浏览器会将选项显示为某种下拉列表，但其他浏览器可能会以完全不同的方式显示它。例如，某些手机浏览器会显示一个覆盖整个屏幕的弹出窗口。

Answer 2

我相信这就是你想要的

$(document).ready(function () {
  $("#mySelect").change(function () {
    alert($(this.options[this.selectedIndex]).height());
  });
});

这是demo http://jsfiddle.net/xf3wD/

Answer 3

如果你正在使用像jquery这样的库，你可以这样做：

$('#select option:first').height()

请参阅here。

如果您不使用jquery，请查看offsetHeight。这应该可以得到你想要的东西。

Answer 4

在选择时你可以这样做：

$(document).ready(function() {

    $('#select').click(function() {
        var H = $(this).children().height();
        alert(H);
    });

});