导轨中的多选框和CSS

Question

So I have a form:

<%= 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 %>

You'll notice there is a select box that allows you to select a permission for a role, I want this to be a multi select box that allows you to select multiple permissions for for a role and also have the css class of form-control which it currently doesn't have.

Answer 1

Try

<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>