найти ширину опции, которая имеет максимальный текст

Question

найти ширину опции, которая имеет максимальный текст

0

У меня есть один selectbox внутри 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

supersaiyan 14 дек. 2013, в 11:40

Источник

0

Вы пробовали $(this).width() ?
Ruslan Ismagilov 14 дек. 2013, в 10:40

Теги:

javascript

jquery

3 ответа

Ещё вопросы

sravis · Answer 1 · 2013-12-14T09-35-00.000Z

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

Дает вам максимальную ширину html select

Назначить ширину div

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

нет, я хочу ширину опции, которая имеет максимальный текст
Да, это даст вам ширину самой опции, измените длину текста вашей опции и посмотрите ..

Catalin Sterian · Answer 2 · 2013-12-14T08-56-00.000Z

jsfiddle ссылка, чтобы доказать

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

Mr.G · Answer 3 · 2013-12-14T08-01-00.000Z

Попробуй это:

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