首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >带有自定义属性的ruby on rails f.select选项

带有自定义属性的ruby on rails f.select选项
EN

Stack Overflow用户
提问于 2011-02-20 03:04:37
回答 3查看 101.8K关注 0票数 123

我有一个表单select语句,如下所示:

代码语言:javascript
复制
= f.select :country_id, @countries.map{ |c| [c.name, c.id] }

这将导致以下代码:

代码语言:javascript
复制
...
<option value="1">Andorra</option>
<option value="2">Argentina</option>
...

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

代码语言:javascript
复制
...
<option value="1" currency_code="XXX">Andorra</option>
<option value="2" currency_code="YYY">Argentina</option>
...
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-06-16 23:21:31

Rails可以使用现有的options_for_select助手添加自定义属性来选择选项。在你的问题中,你几乎在代码中找到了答案。使用html5数据属性:

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

添加初始选择:

代码语言:javascript
复制
<%= 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) %>

如果需要分组选项,可以使用grouped_options_for_select辅助对象,如下所示(如果@continents是一个大陆对象数组,每个对象都有一个国家方法):

代码语言:javascript
复制
<%= 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

票数 368
EN

Stack Overflow用户

发布于 2012-03-28 12:55:44

您可以按如下方式执行此操作:

代码语言:javascript
复制
= f.select :country_id, @countries.map{ |c| [c.name, c.id, { 'data-currency-code' => c.currency_code} ] }
票数 6
EN

Stack Overflow用户

发布于 2011-06-05 00:30:30

我也遇到了这个问题,并创建了"enhanced_select“Ruby Gem来解决这个问题。你可以在这里找到它:

https://github.com/bkuhlmann/enhanced_select

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5052889

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档