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

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

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

这不起作用：

作为一个实验，我尝试在setTimeout中测量大小：

（而且它也不起作用）

设置断点/检查元素的困难在于组合框是一个可以折叠的狡猾野兽。我也在考虑计算项目的数量并乘以行高

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

---

（jQuery和vanilla JS解决方案都很受欢迎）

我认为你做不到。列表的下拉部分取决于操作系统，根据设备的不同，它可能会有很大的不同。例如，在移动设备上，下拉部分实现为滚动选择器，而不是实际的弹出小部件

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