如何让下拉框显示不同的字符

Question

如何让下拉框显示选项列表，但仅在关闭时显示一个字符

例如

下拉框将显示

一匹马 B猫 C狗 D鱼

当关闭下拉框时，所有显示的都是第一个字符。

任何帮助都会非常感激。

Answer 1

您可以尝试这样的事情：

<select
    style="width:40px;"
    onblur="this.style.width='40px';"
    onfocus="this.style.width='auto';"
    onChange="this.style.width='40px';"
>
    <option>A Cat</option>
    <option>B Dog</option>
    <option>C Horse</option>
    <option>D Hippopotamus</option>
</select>

http://jsfiddle.net/VGfgW/