Javascript 查找具有最大文本的选项的宽度

我在div中有一个selectbox

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

我试过用这种方法，但它给出的是字母的数量，而不是选项的宽度

任何帮助都是非常困难的

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

将为您提供html选择的最大宽度

为div指定宽度

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

试试这个：

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

苹果
橙色
板南果
$（文档）.ready（函数（）{
警报（$（'#选择选项：选定'）.text（））.length）；
});

您是否尝试过

$（this）.width（）

？是的，它将为您提供选项本身的宽度，更改选项文本长度并查看。。

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

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