-2

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

期待感谢!

编辑

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

4

1 回答 1

3

只是我得到了选定的文本并将其包装在 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>
于 2013-04-18T16:58:34.907 回答