Как установить выбор, чтобы иметь ширину выбранного параметра

Question

У меня есть элемент выбора с большим количеством опций. Выбор имеет ширину самого длинного размера текста. Как я могу установить, чтобы выбор имел ширину выбранного параметра? И когда я нажимаю кнопку выбора, она должна иметь одинаковую ширину (выбранного параметра), но остальные параметры должны иметь ширину самого длинного размера текста опции.

Ожидаемое спасибо!

EDIT

Я отправил неправильный вопрос. На самом деле я искал самый простой способ сделать это. CSS/JS/jQuery.

Answer 1

просто я получил выделенный текст и завернуть его в span, чтобы получить его длину, а затем изменить размер select

попробовать этот пример:

 <select id="sel"> 
     <option value="aaaa">aaaa</option> 
     <option value="aaaaaaaa">aaaaaaaa</option> 
     <option value="aaaaaaaaaaaa">aaaaaaaaaaaa</option> 
     <option value="aaaaaaaaaaaaaaaa">aaaaaaaaaaaaaaaa</option> 
     <option value="aaaaaaaaaaaaaaaaaaaa">aaaaaaaaaaaaaaaaaaaa</option> 
    </select> 

    <span id="hidnSpan"> 

    <span> 

<script> 

$(document).ready(function() 
{ 
    $('#sel').change(function() 
    { 
     $('#sel').width($('#hidnSpan').html($('#sel').find(":selected").text()).width()) 
    }); 
}); 


</script>