自定义简单表单 Collection_Select答案

【问题标题】：Customising Simple Form Collection_Select自定义简单表单 Collection_Select
【发布时间】：2016-08-17 00:44:34
【问题描述】：

我有这个简单的表单，我希望能够使用 css 设置下拉菜单的样式。

input_html: { class: "form-dropdown" } 没有改变风格。我怎样才能正确地将一个类添加到collection_select 的简单表单中以在 css 中设置它的样式，或者有没有其他方法可以设置下拉菜单的样式？

这是我的简单表格：

<%= simple_form_for @document do |f| %>

    <%= f.collection_select :category_id, Category.all, :id, :name, {promt: "Choose a category" }, input_html: { class: "form-dropdown" } %>

    <%= f.input :title, label: "Title", label_html: { class: 'form-input' } %>

    <%= f.input :pdf, label: "Upload document:" %>

    <%= f.button :submit %>

<% end %>

【问题讨论】：

标签： css ruby-on-rails simple-form

【解决方案1】：

离开input_html: 这就是它不起作用的原因。像这样定义它：

<%= f.collection_select :category_id, Category.all, :id, :name, {promt: "Choose a category" }, { class: "form-dropdown" } %>

或

 <%= f.collection_select :category_id, Category.all, :id, :name, promt: "Choose a category", class: "form-dropdown" %>

【讨论】：

【解决方案2】：

<%= f.select :category_id, category_select_options, {prompt: "---Select Category---"}, required: :required, class: "form-control" %>

#
# In Appication Helper
#

def category_select_options
  Category.all.map{|c| [c.name,c.id] }
end

【讨论】：