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

Question

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

下一行绑定(bind)所有类别并在下拉列表中显示它们的名称:

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

我怎样才能在下拉菜单中显示他们的图片和他们的名字？

注意:帖子 belongs_to Category 和 Category has_many Posts。

感谢任何帮助。

Answer 1

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