CODEWITHSUNDEEP
htmlruby-on-railsdrop-down-menu
tybro0103
tybro0103

Reputation: 49693

How do I set the HTML options for collection_select in Rails?

I can't seem to find the syntax to add a class to a select tag generated by Rails collection_select. Some help?

Upvotes: 89

Views: 73924

Answers (3)

Gamaliel
Gamaliel

Reputation: 465

Just in case, I was struggling with the same problem, I share my result, I was trying just putting {},{}, so I had to be more explicit putting like this: options = {}, html_options = {}, because it did not work for me.

<div class="field">
   <%= form.label :country_id %>
   <%= form.collection_select :country_id, @countries,:id, :name, options = {:prompt => 'Select a Country...'},
        html_options = {class: "dropdown"}%>
 </div>

Regards!

Upvotes: -1

epicrato
epicrato

Reputation: 8408

= f.collection_select :category_id, Category.order(:name), :id, :name, {}, {class: "store-select"}

Upvotes: 11

Drew Blas
Drew Blas

Reputation: 3028

Many Rails helpers take multiple hash arguments. The first is usually the options to control the helper itself, and the second is the html_options where you specifiy custom ids, classes etc.

The method definition looks like this:

collection_select(object, method, collection, value_method, text_method, options = {}, html_options = {})

You'll notice the multiple '= {}' in the params list. To use this, the first set of options that you would specify must actually be enclosed in braces:

collection_select(:user, :title, UserTitle.all, :id, :name, {:prompt=>true}, {:class=>'my-custom-class'})

If you don't have any options to specify besides the html class, then just put an empty hash placeholder:

collection_select(:user, :title, UserTitle.all, :id, :name, {}, {:class=>'my-custom-class'})

Additional API documentation is available at: http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/collection_select

Upvotes: 190

Related Questions