如何設置選擇具有選定的選項的寬度

Question

我有一個選擇元素與更多的選項。 select具有最長選項文本大小的寬度。 如何設置選擇具有選定選項的寬度？ 當我點擊選擇它應該有相同的寬度（選定的選項），但其餘的選項應該有最長的選項文本大小的寬度。

預期的感謝！

編輯

我已經發布了一個錯誤的問題。其實我正在尋找這樣做的最簡單的方法。 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>