導軌中的多選框和CSS

Question

所以我有一個表格：

<%= form_for @role, :html => {:class => 'form-horizontal'} do |f|%>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <h3>Create a new role</h3>
      <p class="text-muted">Create a new role below.</p>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-6">
      <%= render :partial => 'form_errors', :object => @user %>
    </div>
  </div>

  <div class="form-group">
    <%= f.label :role, :class => 'col-sm-2 control-label' %>
    <div class="col-sm-6">
      <%= f.text_field :role, :class => 'form-control' %>
    </div>
  </div>

  <div class="form-group">
    <label class="col-sm-2 control-label'">Select permissions for this role</label>
    <div class="col-sm-6">
      <%= f.select(:permissions, options_for_select(Xaaron::Permission.pluck(:permission),
        :selected => @role.permissions), :class => 'form-control') %>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <%= f.submit "Create Role", :class => 'btn btn-primary' %>
    </div>
  </div>
<% end %>

您會注意到有一個選擇框，它允許您選擇角色的權限，我希望這是一個多選框，它允許您為角色選擇多個權限，並且還具有form-control的css類它目前沒有。

Answer 1

嘗試

<div class="form-group">
  <label class="col-sm-2 control-label'">Select permissions for this role</label>
  <div class="col-sm-6">
    <%= f.select(:permissions, options_for_select(Xaaron::Permission.pluck(:permission),
        :selected => @role.permissions), {}, {:multiple => true, :class => 'form-control'}) %>
  </div>
</div>