Question

我有一个包含更多选项的select元素。 select具有最长选项文本大小的宽度。如何将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>

如何将select设置为具有所选选项的宽度

1 个答案: