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

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); 
});

（它也不起作用）

设置断点/检查元素的困难在于组合框是一个会崩溃的精明野兽。我还在考虑计算项目数并乘以行高。

有没有推荐的获取尺寸的方法？

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

Answer 1

不要以为你可以。列表的下拉部分取决于操作系统，并且可能因设备而异。例如，在移动设备上，下拉部分被实现为更多的滚动选择器，而不是实际的飞出小部件。