将选择标记转换为网格

假设rails select_标记有一个非常长的选项列表(>20),那么select菜单是一个错误的UI选项。

select_tag "brand", options_from_collection_for_select(@brands, "id", "logo")

in_groups_of 生成这些行的方法 select tag documentation 对此没有任何考虑。

除手动操作外:

<select id="brand" name="brand">

<div class='row'>
  <% @brands.in_groups_of(6, false) do |brands| %>
    <% brands.each do |bs| %>
      <div class='small-2 columns '>
        <%= content_tag("option", image_tag(bs.image), options: {value: bs.id}) %>
      </div>
    <% end %>
  <% end %>
</div>
</select>

有合适的吗 Rails way