Rubyonrails ruby on rails f.select 具有自定义属性的选项

发布于06月16日

我有一个表单 Select 语句，如下所示:

= f.select :country_id, @countries.map{ |c| [c.name, c.id] }

这导致了以下代码:

...
<option value="1">Andorra</option>
<option value="2">Argentina</option>
...

但我想在我的选项中添加一个自定义HTML属性，如下所示:

...
<option value="1" currency_code="XXX">Andorra</option>
<option value="2" currency_code="YYY">Argentina</option>
...

推荐答案

Rails可以使用现有的选项来添加自定义属性来 Select 选项.你的问题中的代码几乎是对的.使用html5数据属性:

<%= f.select :country_id, options_for_select(
    @countries.map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] }) %>

添加初始 Select :

<%= f.select :country_id, options_for_select(
    @countries.map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] }, 
    selected_key = f.object.country_id) %>

如果需要分组选项，您可以使用分组的_选项_for _selecthelper，如下图所示(如果@continents是一组大陆对象，每个对象都有一个国家方法):

<%= f.select :country_id, grouped_options_for_select(
    @continents.map{ |group| [group.name, group.countries.
    map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency_code}] } ] }, 
    selected_key = f.object.country_id) %>

这应该归功于paul@pogodan，他发布了关于在文件中找到这一点的帖子，而是通过阅读rails源代码.https://web.archive.org/web/20130128223827/http://www.pogodan.com/blog/2011/02/24/custom-html-attributes-in-options-for-select