在每个<option>中生成带有标题的HTML <select>以应用msDropDown插件</option> </select>

时间:2012-06-15 11:49:28

标签: jquery ruby-on-rails ruby-on-rails-3 drop-down-menu

我正在使用carrierwave gem将图片上传到我的应用程序 现在我需要在下拉列表中显示图像,该列表是表单的一部分 我正在尝试使用msDropDown。但是,我需要在title="#path for the image"的每个<option>内生成<select> 目前我有:

<%= f.select(:style_id, Style.all.map{ |p| [p.dropdown, p.id] }, {:include_blank => 'Select Style | Construction'}, class: "bigselect" ) %>

以上生成以下HTML:

<select class="bigselect" id="item_style_id" name="item[style_id]"><option value="">Select Style | Construction</option>
  <option value="1">first</option>
  <option value="2">second</option>
  ...
</select>

我需要编辑我的RoR选择代码以生成下面的HTML。

<select class="bigselect" id="item_style_id" name="item[style_id]"><option value="">Select Style | Construction</option>
  <option value="1" title="#path for the image">first</option>
  <option value="2" title="#path for the image">second</option>
  ...
</select>

#path for the image与我选择的image列位于同一模型上的列dropdown。因此,使用carrierwave应该类似于p.image_url(:thumb) 有关如何生成此title的任何想法? 非常感谢。

1 个答案:

答案 0 :(得分:3)

尝试将标题作为html选项传递给<option>元素

<%= f.select(:style_id, Style.all.map{|p| [p.name, p.id, :title => p.image_url(:thumb)]}, ....