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

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野獸摺疊。我也在考慮計算物品的數量並乘以行高。

有沒有推薦的方法來獲得尺寸？

（包括jQuery和香草JS解決方案讚賞）

Answer 1

不要以爲你可以。列表中的下拉部分取決於操作系統，可能會因設備而異。例如，在移動設備上，下拉部分被實現爲比實際飛出部件更多的滾動選擇器。