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

Question

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

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

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

Answer 1

这对于 <select> 是不可能的HTML 中的标记。您需要使用可能随 jQuery 插件提供的自定义控件。无论哪种方式，整个事情都必须是 Javascript，并且可能不会使用 <select>根本。你也可以看看 ExtJS如果你想要一套功能更全的丰富控件。它有一个 Menu您可以为此使用的类。