我一直在使用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
答案 0 :(得分:4)
grouped_collection_select
有九个参数。如果您使用f
传递对象,则只需要八个参数。
最后一个参数是html_options
,您需要放置class
。这会在class
表单字段元素上显示select
,但不会显示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]">...