我的选择有问题.. 默认值是“请选择”.. 但是有一些选项，例如“Acommodation & Hotels”.. 所以它比默认值大.. 所以它在 IE 上看不清楚，它在FF中工作正常，我该怎么做？用 css 还是 javascript？什么是最好的解决方案？谢谢
注意：我想拉伸 <option> 元素而不是选择
【问题讨论】：
标签： javascript html css
好的，这是我经过一段时间后想出的解决方案。它会根据子选项的最大宽度自动增加选择框的大小。
<script type="text/javascript">
window.onload = function()
{
var elem = document.getElementById('test');
var values = elem.length;
var biggest_value = 0;
var biggest_option = '';
for(var i = 0; i <= values; i++)
{
if (elem.options[i])
{
var len = elem.options[i].value.length;
}
if (biggest_value < len)
{
biggest_value = len;
biggest_option = elem.options[i];
}
}
document.getElementById('test').style.width = biggest_option.offsetWidth + 'px';
};
</script>
选择框：
<select id="test">
<option value="Hello">Hello</option>
<option value="Hello Again">Hello Again</option>
<option value="Hello Yet Again">Hello Yet Again</option>
</select>
【讨论】：
你有没有尝试使用类似的东西：
select {width:100%}
它将占用父节点的完整大小。
【讨论】：
CSS：
<style type="text/css">
.myselect
{
width:150px;
}
</style>
将 myselect 类应用于您的选择框。如果需要，也可以从 150 调整宽度。
【讨论】：