我有一个带有更多选项的选择元素。选择具有最长选项文本大小的宽度。如何将选择设置为具有所选选项的宽度?当我单击选择时,它应该具有相同的宽度(所选选项的),但其余选项应该具有最长选项文本大小的宽度。
期待感谢!
编辑
我发布了一个错误的问题。实际上,我正在寻找最简单的方法。CSS / JS / jQuery。
我有一个带有更多选项的选择元素。选择具有最长选项文本大小的宽度。如何将选择设置为具有所选选项的宽度?当我单击选择时,它应该具有相同的宽度(所选选项的),但其余选项应该具有最长选项文本大小的宽度。
期待感谢!
编辑
我发布了一个错误的问题。实际上,我正在寻找最简单的方法。CSS / JS / jQuery。
只是我得到了选定的文本并将其包装在 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>