Ruby on Rails -- multiple selection in f.select

Question

I have the following select box in my form:

Related Type: &nbsp; <%= f.select(:TYPE, [['Type A', 'Type A'],
                                  ['Type B', 'Type B'],
                                  ['Type C', 'Type C'],
                                  ['Type D', 'Type D'],
                                  ['Type E', 'Type E']
                                 ],{ :prompt => "Please select"}
                                 ) %>

I want to allow the user to make multiple selections and also make the size of the select box 5.

How to do that for the code above?

score 84 · Accepted Answer · answered Feb 01 '11 at 15:58

After your { :prompt => "Please select"} add another hash with html options e.g.

<%= f.select(:TYPE, [['Type A', 'Type A'],
                                  ['Type B', 'Type B'],
                                  ['Type C', 'Type C'],
                                  ['Type D', 'Type D'],
                                  ['Type E', 'Type E']
                                 ],{ :prompt => "Please select"},
                                   { :multiple => true, :size => 5 }
                                 ) %>

Once you've done this you might want to move your :prompt option (keep the empty {} though so that html attributes don't get treated as Rails options.)

Also you'll need to ensure your controller code is correctly accepting and handling multiple values.

Why does this add "---" and "-" for every non-selected option that's stored in :TYPE? — zero_r, Dec 09 '11 at 13:36
When i save it in form it takes an extra empty "" at position 0 "ids" => [ [0] "", [1] "some_id" ] — Huzaifa Saifuddin, Nov 29 '17 at 12:56

score 11 · Answer 2 · edited Sep 18 '13 at 09:23

11

In case of collection, try

    <%= f.select(:TYPE, Categories.collect {|p| [ p.name, p.id ] }, 
                                           { :prompt => "Please select"}, 
                                           { :multiple => true, :size => 5 }) %>

edited Sep 18 '13 at 09:23

Louis Kottmann

16,268
4
64
88

answered Sep 18 '13 at 09:22

Swathi

131
1
4

1

Shouldn't it be `Category.all.collect`? – Jason Swett Feb 14 '17 at 19:26

score 10 · Answer 3 · edited May 23 '17 at 12:26

I have a fully working example (including preselection when editing the object), when:

Object is the considered object
similar_ids is the key to relations, and is a string

In the form:

form_for(@object) do |f|
  = f.select :similar_ids, options_from_collection_for_select(Object.all, :id, :name, {:selected => @object.similar_ids.split(';')}), {}, {:multiple => true, :size => 4, :name => 'object[similar_ids][]'}

And in the Object.rb model:

class Object < ActiveRecord::Base
  before_save :handle_similars

  def handle_similars
    self.similar_ids = self.similar_ids.select(&:present?).join(';') 
    # .select(&:present?) is necessary to avoid empty objects to be stored
  end

  def similars
    self.class.find(self.similar_ids.split(';'))
  end

end

These posts helped me out:

Hope it helps

It's important that the name ends in `[]` so that rails interprets the params as an array of values — Josh, Jun 11 '15 at 02:08

score 2 · Answer 4 · edited Jul 22 '19 at 06:27

HTML

<%= form.select(:product_ids, Product.all.collect {|p| [ p.name, p.id ] }, 
                                                   { :prompt => "Please select"}, 
                                                   { :multiple => true, :size => 5  }) %>

Controller

@category = Category.new(category_params) 

def category_params
    params.require(:category).permit(:name, product_ids: [])
end

score 0 · Answer 5 · edited Jun 10 '23 at 19:01

0

{ :prompt => "Please select"}, { :multiple => true, :size => 5 } {}

is important when f.select

edited Jun 10 '23 at 19:01

LinFelix

1,026
1
13
23

answered Jun 11 '14 at 07:27

Vaisakh VM

1,071
11
9

OuttaSpaceTime · Answer 6 · 2023-07-03T08:43:58.103

0

with bootstrap selectpicker and pre selected values:

    = simple_form_for [:backend, @user], html: { autocomplete: 'off' } do |f|
      = f.select :role_ids, options_for_select(Role.all.map{|role| [role.name, role.id]}, @user.role_ids), {},  {:multiple => true, include_blank: false, class: "form-control input-sm selectpicker"}

in controller:

def user_params
      params.require(:user).permit(:id, role_ids: [])
end

# only if you havent build in new action
def new
  # set user
  @user.roles.any?
end

edited Jul 03 '23 at 08:43

answered Oct 30 '21 at 20:57

OuttaSpaceTime

710
10
24

1

just a heads up, there is a typo in `inlcude_blank` – Motine Jun 06 '23 at 09:21

shilovk · Answer 7 · 2022-06-03T16:12:41.000

Multiple select:

= form_with url: ui_dashboard_diagrams_path, method: :get, local: true do |f|
  .row
    .col.form-group
      = f.select :our_organization_ids,
                 options_for_select(OurOrganization.pluck(:name, :id), params[:our_organization_ids]),
                 { include_blank: '' },
                 { multiple: true, class: 'form-control form-select-multiple' }


javascript:
  $(document).ready(function() {
    $('.form-select-multiple').select2({
      allowClear: true,
      multiple: true
    });
  });

Add permit array our_organization_ids to your controller:

private

def diagrams_params
  params.permit([our_organization_ids: []])
end

Motine · Answer 8 · 2023-06-06T11:30:42.537

0

Aside from the solutions above, I also had to change the name of the input, so Rails will parse the parameters as array. here the input created with simple form:

= f.input :my_ids, collection: ['A', 'B'], include_blank: false, input_html: { name: 'form[my_ids][]', multiple: 'multiple' }

edited Jun 06 '23 at 11:30

answered Jun 06 '23 at 09:37

Motine

1,638
18
18

score -1 · Answer 9 · edited Feb 04 '21 at 09:52

-1

<%= f.select :tag_ids, Tag.all.collect {|t| [t.name, t.id]}, { :prompt => "Please select"}, { :multiple => true, :size => 5 } %>

edited Feb 04 '21 at 09:52

mousetail

7,009
4
25
45

answered Feb 04 '21 at 07:26

rizwan ali

11
1

Please consider adding some explanation so the OP and future readers will know why and how your code solves the problem at hand. – mousetail Feb 04 '21 at 09:52

Ruby on Rails -- multiple selection in f.select

9 Answers9

Linked

Related