Rails：如何在 collection_select 中添加自定义数据属性

Question

I am working on a solution to add custom data-attributes to option-tags with the collection_select form helper in Rails.

I studied some posts at stackoverflow and did a lot of trial and error after consulting some API documentation. I am nearly there but sadly my solution only adds attributes to the select -tag not to the option -tags.

This way I am populating the html-options-hash (6th position):

<%= f.collection_select(:parallax_id, @parallax.all, :id, :title, {}, { :"data-icon" => @parallax.map{ |p| "#{p.image}"}} ) %>

This results in a select tag like:

<select data-icon="/uploads/image/image/4/169_strecken-ausgang.jpg" name="game[parallax_id]" id="game_parallax_id">...</select>

But I want the option to get the data-icon attribute. When I switch positions and add my data-icon to the options-hash (5th position) nothing is output.

Answer 1

这是你想要的吗？

= f.select :parallax_id, options_for_select(@parallax.map {|p| [p.title, p.id, {'data-icon' => p.image }]})

Answer 2

Just FYI I was looking at this matter, found the more fitting solution here: How do I set the HTML options for collection_select in Rails? .