Ruby on Rails 下拉列表<选择>菜单 - 如何为选项设置样式或应用类？

Question

如何在 ruby​​ on Rails 3 中创建颜色下拉菜单？

我知道如何在 html、css 和 javascript 中执行此操作，如下所示，但我不知道如何在 ruby​​ on Rails 3 中执行此操作。

理想情况下，使用 collection_select 或 collection_options_for_select 构建 和 <代码><选项>的。使用这些比手动循环浏览集合并吐出片段并为每个片段设计样式更好，尽管这是可以完成的。

我想要得到的部分代码是：

<select>
<option value="">Highlight</option>
<option value="#000000" style="background-color: Black;color: #FFFFFF;">Black</option>
<option value="#808080" style="background-color: Gray;">Gray</option>
<option value="#A9A9A9" style="background-color: DarkGray;">DarkGray</option>

完整代码位于： http://pietschsoft.com/post/2004/09/20/Color-the-background-of-items-in-a-Dropdown-box-in-your-HTML-pages.aspx< /a>

Answer 1

Rails Helper options_for_select 绝对允许您为各个选项提供样式信息。

这直接来自 options_for_select 的文档

  options_for_select([ "Denmark", ["USA", {:class=>'bold'}], "Sweden" ], ["USA", "Sweden"])

给出

  <option value="Denmark">Denmark</option>\n<option value="USA" class="bold" selected="selected">USA</option>\n<option value="Sweden" selected="selected">Sweden</option>

并

  options_for_select([["Dollar", "$", {:class=>"bold"}], ["Kroner", "DKK", {:onclick => "alert('HI');"}]])

给出

  <option value="$" class="bold">Dollar</option>\n<option value="DKK" onclick="alert('HI');">Kroner</option>

在你的情况下它将是

options_for_select([["Black", {:style => "background-color: Black; color: #ffffff"}],
                    ["Gray", {:style => "background-color: Gray"}],
                    ["DarkGray", {:style => "backgorund-color: DarkGray"}]])

Answer 2

据我所知，内置的助手不支持它。
但是，您可以使用以下命令自行推出：

def options_colors(colors)
  colors.collect do |color, code| 
    "<option value='#{code}' style='background-color:#{code};'>#{color}</option> "
  end.join
end

然后按如下方式使用它：

@colors = ["Red" => "#f00", "Blue" => "blue"]
select_tag("setting[bg_color]", options_colors(@colors))