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

by

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

More Related Contents:

  1. How to style the option of an html “select” element?
  2. Change Select List Option background colour on hover
  3. Drop-down menu that opens up/upward with pure css
  4. How to make a pure css based dropdown menu?
  5. Pure CSS multi-level drop-down menu
  6. Word wrap options in a select list
  7. How to remove the default arrow icon from a dropdown list (select element)?
  8. How can I limit the visible options in an HTML dropdown?
  9. How to HTML encode/escape a string? Is there a built-in?
  10. Form is submitted when I click on the button in form. How to avoid this?
  11. How to hide drop down arrow in IE8 & IE9?
  12. How to change font-family of drop down’s list item?
  13. Why is the first element always blank in my Rails multi-select, using an embedded array?
  14. What does #/ means in url?
  15. Ruby on Rails: how to render a string as HTML?
  16. How can change width of dropdown list?
  17. How to get horizontal scroll bar in select box in IE?
  18. Adding icon to rails application
  19. Bootstrap dropdown not working
  20. Accessibility: recommended alt-text convention for SVG and MathML?
  21. Two input fields inside one label
  22. How to convert HTML file to word? [closed]
  23. hash in anchor tags
  24. number input – always show spin buttons
  25. How to display openweathermap weather icon
  26. CSS: align two element, to the left and right in the same line WHITHOUT floats
  27. How to print html source to console with phantomjs
  28. How to style the browser’s autocomplete dropdown box?
  29. button image as form input submit button?
  30. IE Compatibility Mode: ‘X-UA-Compatible’ tag ‘Edge’

Leave a Comment