jquery – 如何只显示当前所选选项的图标？

是否有可能有一堆< select> html中的下拉列表仅显示一个小的(例如10像素宽)图标,但是当您单击它时,下拉列表中会出现一个列表,其中的图标旁边是描述性字符串. (让我们看看ASCII艺术是否适用于SO)：

[X]
| X - disable |
| v/ - Enable |
| O - Ignore  |
+-------------+
[O]
[v]
[X]

可以在CSS中完成吗？还是在jQuery中？

解决方法

使用< select>这是不可能的. HTML中的标记.你需要使用一个jQuery插件提供的自定义控件.无论哪种方式,整个事情必须是Javascript,可能不会使用< select>一点都不如果你想要一组功能更全面的丰富控件,你也可以看看 ExtJS.它有一个 Menu类,你可以用它.