Ruby on Rails form_for select field with class

Question

I am beating my head against the wall on this one. I want to make a simple select tag using the f.select tag but nothing I do works. I put an example below:

<%= f.select(:object_field, ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 4'], :class => 'my_style_class')%>

Ok, so basically it is a simple list that once the form is submitted it places the value into the object_field. That all works, but viewing the page source the class tag is not included. It doesn't throw an error, it just skips it all together.

If anyone has any suggestions I would greatly appreciate it.

Rimian · Accepted Answer · 2013-03-06 02:14:59Z

513

Try this way:

<%= f.select(:object_field, ['Item 1', ...], {}, { :class => 'my_style_class' }) %>

select helper takes two options hashes, one for select, and the second for html options. So all you need is to give default empty options as first param after list of items and then add your class to html_options.

http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#method-i-select

edited Mar 6, 2013 at 2:14

Rimian

38.7k17 gold badges128 silver badges119 bronze badges

answered Nov 2, 2010 at 20:46

MBO

31.2k5 gold badges53 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Gagan Gami Over a year ago

I had tried this way in haml but don't know why in "Inspect Element in firebug with element" class is not seen here is my code = f.select(:gender,[['Male', true], ['Female', false]],{},{:class=>"drop",:style=>"opacity: 0;"})

Robert Over a year ago

@GaganGami I got it to work with this code: = f.select(:stars, [['Male', true], ['Female', false]], {}, {:class=>"form-control",:style=>"opacity: 0;"}) opacity set to 0 will render your field invisible.

Tashows Over a year ago

Does anyone know what we should do if the f.select is being passed a block in the end? The class doesn't seem to go through with any combination I've tried.

Paing Soe Thaw · Accepted Answer · 2014-09-16 10:31:08Z

32

You can also add prompt option like this.

<%= f.select(:object_field, ['Item 1', 'Item 2'], {include_blank: "Select something"}, { :class => 'my_style_class' }) %>

answered Sep 16, 2014 at 10:31

Paing Soe Thaw

4635 silver badges8 bronze badges

Comments

Alex Onozor · Accepted Answer · 2015-10-12 08:58:21Z

14

This work for me

<%= f.select :status, [["Single", "single"], ["Married", "married"], ["Engaged", "engaged"], ["In a Relationship", "relationship"]], {}, {class: "form-control"} %>

answered Oct 12, 2015 at 8:58

Alex Onozor

7,1011 gold badge24 silver badges28 bronze badges

Comments

ThienSuBS · Accepted Answer · 2016-10-09 07:26:23Z

8

You can see in here: http://apidock.com/rails/ActionView/Helpers/FormBuilder/select

Or here: http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/select

Select tag has maximun 4 agrument, and last agrument is html option, it mean you can put class, require, selection option in here.

= f.select :sms_category_id, @sms_category_collect, {}, {class: 'form-control', required: true, selected: @set}

answered Oct 9, 2016 at 7:26

ThienSuBS

1,63219 silver badges26 bronze badges

1 Comment

user1515295 Over a year ago

selected: @set works for me when I put it in the first {}.

Collectives™ on Stack Overflow

Ruby on Rails form_for select field with class

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related