如何測量擴展組合框的大小（選擇選項）？

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

不要以為可以。 列表的下拉部分取決於操作系統，並且可能會因設備而異。 例如，在移動設備上，下拉部分實現為更多的滾動選擇器，而不是實際的彈出窗口小部件。