RoR - 如何在下拉列表中添加图标答案

【问题标题】：RoR - How to add icons in a dropdownRoR - 如何在下拉列表中添加图标
【发布时间】：2015-01-25 06:59:12
【问题描述】：

我正在尝试在帖子搜索页面上绑定类别下拉列表。下拉菜单应在下拉菜单中的类别名称左侧将类别图像显示为图标。

以下行绑定所有类别并在下拉列表中显示它们的名称：

<%= f.collection_select(:cat_id_eq, Category.order(:name), :id, :name, :include_blank => 'Any') %>

如何在下拉列表中显示他们的图片以及他们的名字？

注意：帖子属于_to 类别和类别 has_many 帖子。

感谢任何帮助。

【问题讨论】：

【解决方案1】：

无法将图像放入select element 的选项中。您需要为此创建一个自定义选择列表。 jQuery 插件 Select2 有一个 templating feature 等等。

【讨论】：