带有 Rails 的 jQuery 选择菜单 grouped_collection_select

Question

我一直在使用 jQuery-ui 选择菜单，但无法让它与 grouped_collection_select 一起使用。当我将类设置为“selectmenu”时，Selectmenu 与基本选择一起使用，我已将 jQuery-ui 设置为要查找的。基本上，我正在努力将 Class 添加到grouped_collection_select。

我尝试过： <%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, {:include_blank=>true, :class=>"selectmenu"})%>

和 <%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, :class=>"selectmenu")%>

我能够在我的咖啡脚本中使用 $('#user_state_id).addClass('selectmenu') 添加类。但是，这似乎导致我的动态菜单无法更新状态选择菜单的选项。

对我在这里缺少的东西有什么想法吗？有没有更好的方法来设置 grouped_collection_select 的类。我检查了源代码，并没有在grouped_collection_select 中使用 :class=> 添加该类。

选择菜单： http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

Answer 1

grouped_collection_select 接受九个参数。如果您使用f 传递对象，则只需要八个参数。

最后一个参数是html_options，这里需要放置class。这将在select 表单字段元素上为您提供class，而不是optgroup 或option 元素。

<%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, { :include_blank => true }, { :class=> "selectmenu" }) %>

没有:include_blank => true，它看起来像这样：

<%= f.grouped_collection_select(:state_id, Country.order(:id), :categories, :name, :id, :name, {}, { :class=> "selectmenu" }) %>

你应该得到哪个：

<select class="selectmenu" id="object_state_id" name="object[state_id]">...