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

标签 jquery html css select

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

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

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

最佳答案

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

关于jquery - 如何只显示当前所选选项的图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2403303/

相关文章:

html - 在 RSS 提要中嵌入 HTML 的最佳方式是什么?

css - 媒体查询在一个网站上有效,但在另一个网站上无效

IE7 和 IE8 中的 CSS 问题 - &lt;input type ="text"> 字段上的文本缩进

javascript - 通过搜索过滤内容

javascript - 当未选中表单提交时,复选框验证为 "on"

javascript - 使用 jquery find() 选择一个下拉菜单会取消选​​择其他下拉菜单

javascript - "Add to cart"与 jQuery

javascript - 如何根据if条件替换ion-item中的文本

html - 根据该文本长度对齐 td 内的文本和按钮

javascript - 如何使用 javascript/jquery 获取 android 设备的 IMEI 号码?