Question

 <%= f.label "SELECT MODEL LOCATION *" %><br />
      <div class="list_number">1</div><%= f.collection_select :location_id, Location.all, :id, :name, prompt: true, :required => true,  :class => 'chosen-select' %>

      <%= f.label "SELECT YOUR MODEL *" %><br />
      <div class="list_number">2</div>
      <%= f.grouped_collection_select :performer_id, Location.order(:name), :performers, :name, :id, :first_name, include_blank: true, :required => true,  class: 'chosen-select' %>

      <%= f.label "SELECT YOUR CATEGORY *" %><br />
      <div class="list_number">3</div>
    <%= f.select :clip_category_id, grouped_options_for_select(Performer.order(:first_name).map{ |group| [group.first_name, group.clip_category_performers.map{ |c| [c.clip_category.name, c.clip_category.id, {'data-amount'=>c.amount}] } ] }), include_blank: true, required: true, class: 'chosen-select' %>

我已经使用了这个集合选择，正如你所看到的，我使用了selected-rails gem选择了选择Jquery插件。我无法进行收藏选择工作。我无法为集合选择设置类，即使我在代码中给出了这个，当我在浏览器中使用inspect元素进行检查时它也不会显示任何类。我究竟做错了什么？

Answer 1

您可能需要更明确地拆分rails选项和html选项。我还发现，有时您可以根据需要链接所有选项，有时您需要将选项拆分为两个哈希值。有关详细信息，请参阅文档：

http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/grouped_collection_select

现在尝试更像这样的东西（注意select选项和html选项的哈希括号）：

<%= f.grouped_collection_select :performer_id, Location.order(:name), :performers, :name, :id, :first_name, { include_blank: true, :required => true },  { class: 'chosen-select' } %>

此外，您可以从过时的Chosen插件（不再处于活动开发状态）切换到Select2。它基于Chosen，提供更多功能和改进。 http://ivaynberg.github.io/select2/index.html

Chosen很可能不会对你的问题负责，所以你应该在首先处理类问题后进行切换。

jquery选择了带有集合选择插件的插件

1 个答案: