發現其中有最大文本

Question

選項的寬度，我有DIV中一個選擇框

<div> 
    <select> 
    <option value="0">apple</option> 
    <option value="1">orange</option> 
    <option value="2">bannan fruit</option> 
    </select> 
<div> 

我想找到的option具有最大文本的寬度，並希望把它放在div

var max_length = -1; 
$('option').each(function(){ 
    max_length = Math.max(max_length, $(this).text().length); 
}); 
alert(max_length); 

我試過這種方式，但它給出的字母數量不是選項的寬度

任何幫助將非常gr8 thanx

Answer 1

var selectWidth = $("select").width() 

會給你的HTML的最大寬度選擇

指定寬度的div

$(".divClass").width(selectWidth); 

Answer 2

jsfiddle link to prove

var m = '0'; 
var n = ''; 
$('option').each(
function(){ 
    if($(this).html().length > m){ 
    m = $(this).html().length; 
    n = $(this).html(); 
    } 
}); 
$('#text').html(n); 

Answer 3

試試這個：

<div> 
    <select id="sel"> 
    <option value="0">apple</option> 
    <option value="1">orange</option> 
    <option value="2">bannan fruit</option> 
    </select> 
<div> 

$(document).ready(function(){ 

    alert(($('#sel option:selected').text()).length); 
});