在rails中使用多选列表

Question

I'm trying to make a multi select list box in Rails. My view code is:

<div>
  <%=nested_form_for(@allocation) do|builder|%>
    <%=builder.label :song_id, "Pick a song" %>

    <%=builder.select :song_id, options_for_select(
    Song.all.collect {|s| [ [s.title, s.artist].join(" by "), s.id ] }, 
    { include_blank: true, multiple: true, size: 5 }) %>

    <%=builder.submit "Add Song", class: "btn btn-large btn-primary" %>
  <% end %>
</div>

At the moment I just have the normal single selectbox but I want to convert this to a multiselect. Any pointers would be much appreciated. Thanks in advance

Answer 1

This seems to have worked in my case:

<%= builder.select(
    :song_id,
    options_for_select(@selections),
    {},
    {multiple: true, size: 10})
%>

Answer 2

Often you need to use a select_tag however there are lots of different ways this can work depending on where you are getting the data from

<%= select_tag '@Mymodel[myattribute][]',
    options_from_collection_for_select(SelectionModel, "id", "title", @Mymodel.myattribute),
    :multiple => true, :size =>10 }
%>

perhaps yours would look something like

<%= select_tag '@allocation[song_id][]',
    options_from_collection_for_select(Song.all., "id", "title", @allocation.song_id),
    { :multiple => true, :size =>10 }
%>

an example of this can be seen, here...

http://www.gilluminate.com/2007/02/15/best-way-to-do-multiple-select-combo-boxes-in-rails/

Answer 3

If you want to do by jquery the following link will help you

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/