mam toselect element z innymoption w tym. Normalnieselect element otrzyma szerokość od największejoption element, ale chcęselect element, aby mieć domyślneoption szerokość wartości, która jest krótsza. Gdy użytkownik wybierze innyoption, theselect element powinien zmienić rozmiar, aby cały tekst był zawsze widoczny w elemencie.

$(document).ready(function() {
    $('select').change(function(){
        $(this).width($('select option:selected').width());
    });
});

Problem:

W Chrome (kanarek) zawsze zwraca szerokość 0.W Firefoksie szerokość jest dodawana i nie zmienia się po wybraniu krótszej opcji.Safari: taki sam wynik jak Chrome.

Demo @ JSFiddle