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