如何测量扩展组合框的大小（选择选项）？

Question

展开下拉菜单时，我想测量组合框的大小：

$("select").on("click", function() {
    $("#log").html($(this).width() + " " + $(this).height());
});

这不起作用：http://jsfiddle.net/stefek99/JfqJW/

作为一项实验，我尝试在setTimeout中测量大小：http://jsfiddle.net/stefek99/PpeK3/

$("select").on("click", function() {
    var $that = $(this);
    setTimeout(function(){fnMeasureSize($that)}, 1000); 
});

（它也不起作用）

设置断点/检查元素的难度在于组合框是一个 canny beast，崩溃。我还在考虑计算项目数量并乘以行高。

是否有任何推荐的获取尺寸的方法？

（jQuery和vanilla JS解决方案都赞赏）

Answer 1

不要以为你可以。列表的下拉部分取决于操作系统，取决于设备，它可能会有很大差异。例如，在移动设备上，下拉部分实现为滚动选择器而不是实际的飞出小部件。