jQuery 选择菜单与 Rails grouped_collection_select

Question

我一直在尝试 jQuery-ui Selectmenu，但无法让它与 grouped_collection_select 一起使用。当我将类设置为“selectmenu”时，Selectmenu 与基本选择一起使用，我已设置 jQuery-ui 来查找它。基本上，我正在努力将类添加到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 的类。我检查了源代码，没有使用 :class=> 添加类在grouped_collection_select中。

选择菜单： 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]">...