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

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

谢谢。

编辑 @david 旧学校选择

 a s  

Answer 1

我相信这就是你想要的

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

这是一个演示 http://jsfiddle.net/xf3wD/

Answer 2

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

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

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

Answer 3

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

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

看到这里 。

如果你没有使用jquery，请查看offsetHeight 。 这应该可以得到你想要的。

Answer 4

在选择你可以这样做：

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