如何使用Simple Form Rails添加HTML属性以选择选项？

Question

我需要一个自定义的HTML属性添加到每option一个select控制.我在Rails中使用simple_form.有谁知道如何做到这一点？该属性将由客户端JS使用.

例如,我想做这样的事情:

<%= f.input :group, collection: @groups, option_html: { data-type: lambda { |g| g[2] } } %>

哪个会产生(简化):

<select>
    <option value="1" data-type="primary">First Group</option>
    <option value="2" data-type="secondary">Second Group</option>
    <option value="3" data-type="secondary">Third Group</option>
</select>

凡@groups可能是这样的:

[
    ['First Group', 1, 'primary'],
    ['Second Group', 2, 'secondary'],
    ['Third Group', 3, 'secondary']
]

希望避免必须制作自定义控件/包装器.谢谢!

Answer 1

你很亲密!最简单的方法实际上不是在这里使用simple_form.这是simple_form文档

<% options = @group.map { |g| [g.name, g.id, {'data-type' => g.group_type}] } %>
<%= f.input :group, label: 'Group' do %>
  <%= f.select :group, options, include_blank: 'Select a Group', class: 'form-control' %>
<% end %>

对于您的确切代码,它将是:

<% options = @group.map { |g| [g[0], g[1], {'data-type' => g[2]}] } %>
<%= f.input :group, label: 'Group' do %>
  <%= f.select :group, options, include_blank: 'Select a Group', class: 'form-control' %>
<% end %>

Answer 2

仅简单形式：

= f.input :group, @groups.map{|l| [l[0], l[1], {data: {type: l[2]}}]}

Answer 3

这似乎是执行此操作的正确方法：

Rails Simple Form 自定义关联选择字段