Wie lege ich die HTML-Optionen für collection

Ich kann anscheinend nicht die Syntax finden, um einem von Rails generierten Select-Tag eine Klasse hinzuzufügen collection_select. Etwas Hilfe?

html ruby-on-rails drop-down-menu

— tybro0103
quelle

Können Sie ein Beispiel geben, was Sie tun möchten? Ich verstehe deine Frage nicht.

— Klew

Sicher ... Ich verwende Rails '<% = f.collection_select ...%>, um Folgendes zu generieren: <select ...> ... </ select> Ich möchte nur, dass es lautet: <select class = "foo "...> ... </ select>

— tybro0103

180

Viele Rails-Helfer verwenden mehrere Hash-Argumente. Das erste sind normalerweise die Optionen zum Steuern des Hilfsprogramms selbst, und das zweite sind die html_options, in denen Sie benutzerdefinierte IDs, Klassen usw. angeben.

Die Methodendefinition sieht folgendermaßen aus:

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

Sie werden das Vielfache '= {}' in der Parameterliste bemerken. Um dies zu verwenden, muss der erste Satz von Optionen, den Sie angeben würden, tatsächlich in geschweiften Klammern stehen:

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

Wenn Sie außer der HTML-Klasse keine Optionen angeben können, fügen Sie einfach einen leeren Hash-Platzhalter ein:

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

Zusätzliche API-Dokumentation finden Sie unter: http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/collection_select

— Drew Blas
quelle

Ah, ich hätte die Dokumentation etwas genauer lesen sollen :)

— tybro0103

Hier ist eine Erweiterung dieser Antwort, die zeigt, wie man den CSS-Stil ändert und jQuery onchange-Ereignisse verwendet

<%= collection_select(:question , :text, Question.all , :id, :text, {:prompt => 'Select Question...'}, {:class=>'input', :name=>'normalSelect', :id=>'normalSelect', :style=>'width:50%', :onchange=>"$('#accordion').accordion('activate',2);$('#blind').show('blind', 500)"}) %>

— wantrapreneur

Drew, nette Antwort. Alle meine Zweifel bezüglich collection_select klären.

— Swapnil Chincholkar

Ganz genau deine Antwort. Vielen Dank.

— Francisco Quintero

Vielen Dank für die klare Erklärung. Dies ist eine der Tricks von Rails und in RailsDocs schlecht dokumentiert.

— Lacostenycoder

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

— drjorgepolanco
quelle

Wie lege ich die HTML-Optionen für collection_select in Rails fest?