javascript - 如何将选择设置为具有所选选项的宽度

Question

我有一个带有更多选项的选择元素。选择具有最长选项文本大小的宽度。如何将选择设置为具有所选选项的宽度？当我单击选择时，它应该具有相同的宽度（所选选项的），但其余选项应该具有最长选项文本大小的宽度。

期待感谢！

编辑

我发布了一个错误的问题。实际上，我正在寻找最简单的方法。CSS / JS / jQuery。

Answer 1

只是我得到了选定的文本并将其包装在 aspan中以获得它的长度，然后调整大小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>