ruby-on-rails - 带有 Rails grouped_collection_select 的 jQuery Selectmenu

Question

我一直在尝试使用 jQuery-ui Selectmenu，但无法让它与 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")%>

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

对我在这里缺少的东西有什么想法吗？有没有更好的方法来设置 grouped_collection_select 的类。我检查了源代码，没有使用 :class=> in 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]">...