更改下拉列表选择的文本与实际选项文本不同

Question

有多个选项的下拉列表。第一个选项被选中，因此您可以在下拉（折叠状态）时看到此选项文本。

在折叠状态下拉列表时，是否有任何方法只显示所选选项文本的一部分，但展开后，是否显示此相应选项的全文？

为了更好地理解我想要的东西，我制作了绘图：http://goo.gl/BSwOi

Answer 1

例如，只需修正宽度即可。我用过这个HTML：

<select style="width: 40px">
    <option value="Volvo">Volvo</option>
    <option value="Saab">Saab</option>
    <option value="Opel">Opel</option>
    <option value="Audi">Audi</option>
</select>

演示：http://jsfiddle.net/MzZxG/