javascript - 选择框不会调整大小

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');