有多个选项的下拉菜单。第一个选项被选中,因此您可以在第一次查看下拉列表(折叠状态)时看到此选项文本。
有没有办法在折叠状态下的下拉菜单中只显示部分选定的选项文本,但在展开时,然后用全文显示这个相应的选项?
为了更好地理解我想要什么,我画了:http: //goo.gl/BSwOi
有多个选项的下拉菜单。第一个选项被选中,因此您可以在第一次查看下拉列表(折叠状态)时看到此选项文本。
有没有办法在折叠状态下的下拉菜单中只显示部分选定的选项文本,但在展开时,然后用全文显示这个相应的选项?
为了更好地理解我想要什么,我画了:http: //goo.gl/BSwOi
例如,只需固定宽度。我使用了这个 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/