select_tag - Ruby on Rails form_for select field with class

rails select_tag remote

Question

Estoy golpeando mi cabeza contra la pared en este caso. Quiero hacer una etiqueta de selección simple usando la etiqueta f.select pero nada de lo que hago funciona. Pongo un ejemplo a continuación:

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

Ok, básicamente es una lista simple que una vez que se envía el formulario, coloca el valor en object_field . Todo eso funciona, pero ver el origen de la página la etiqueta de clase no está incluido. No arroja un error, simplemente se salta todo junto.

Si alguien tiene alguna sugerencia, la agradecería mucho.

Answer 1

Este trabajo para mí

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

Answer 2

Pruebe de esta manera:

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

select helper toma dos hashes de opciones, uno para seleccionar y el segundo para opciones html. Entonces, todo lo que necesita es dar opciones vacías predeterminadas como primer param después de la lista de elementos y luego agregar su clase a html_options .

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

Answer 3

Puede ver aquí: http://apidock.com/rails/ActionView/Helpers/FormBuilder/select

O aquí: http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/select

La etiqueta Seleccionar tiene un máximo de 4 grupos, y la última agrupación es la opción html, significa que puede poner la clase, requerir, la opción de selección aquí.

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

Answer 4

También puede agregar una opción de solicitud como esta.

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