jquery - 如何在用户要选择选项后扩展 'select' 选项宽度

Question

也许这是一个简单的问题，也许不是。我有一个选择框，我在其中硬编码了宽度。比如说 120px。

<select style="width: 120px">
  <option>REALLY LONG TEXT, REALLY LONG TEXT, REALLY LONG TEXT</option>
  <option>ABC</option>
</select>

我希望能够显示第二个选项，以便用户可以看到文本的完整长度。

就像其他一切一样。这在 Firefox 中工作正常，但不适用于 Internet Explorer6。

Answer 1

我用下面的代码解决了我的问题:

<div style="width: 180px; overflow: hidden;">
   <select style="width: auto;" name="abc" id="10">
     <option value="-1">AAAAAAAAAAA</option>
     <option value="123">123</option>
   </select>
</div>

希望对您有所帮助!