选择框不会调整大小

Question

我有一个问题，我的下拉框与“请选择”一样宽 但当我附加到框中时，它会在下拉列表中添加新选项，但即使新选项更宽，也会保持相同的宽度。如何强制它更新宽度。

 var sOption = '
<option value="volvo">Volvoooooooooooooooooooooooooooooooooooo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>';

$("mySelect").append(sOption); // how do I force the width to update

Answer 1

这听起来像你有一些css迫使宽度更薄我开始

.mySelect{width:auto;}

从那里开始

Answer 2

此问题与CSS相关。默认情况下，它运行良好：http://jsfiddle.net/featalion/A6qbd/。因此，请尝试更新宽度样式以自动调整选择：http://jsfiddle.net/featalion/f5QWH/1/。

$('#my_select').css('width', 'auto');