带有Rails的jQuery Selectmenu groups_collection_select

时间:2011-12-10 20:19:35

标签: ruby-on-rails ruby-on-rails-3 jquery-ui select-menu

我一直在使用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')添加该类。但是,这似乎导致我的动态菜单能够更新我的状态选择菜单的选项。

对我在这里缺少什么的想法?有没有更好的方法为groups_collection_select设置类。我检查了源代码,并且未使用以下类添加类:class =&gt;在grouped_collection_select

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

1 个答案:

答案 0 :(得分:4)

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

最后一个参数是html_options,您需要放置class。这会在class表单字段元素上显示select,但不会显示optgroupoption元素。

<%= 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]">...