Ruby On Railsのcollection_selectにクラスを追加します。

Question

私はRoRでレコードを作成するためのフォームを使用しています。私はドロップダウンメニューを持っていて、この要素をスタイリングするためのクラスを追加する方法はわかりません。

コード：

<%= f.collection_select :id, TipusProducte.order(:nom),:id ,:nom, include_blank: false, class: "btn btn-secondary dropdown-toggle" %> 

しかし、このクラスでは動作しません、このスタイルは、ブートストラップからです。

ありがとうございます！私は「

<select name="post[author_id]"> 
    <option value="">Please select</option> 
    <option value="1" selected="selected">D. Heinemeier Hansson</option> 
    <option value="2">D. Thomas</option> 
    <option value="3">M. Clark</option> 
</select>  

：

<div class="dropdown"> 
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Dropdown button 
    </button> 
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> 
    <a class="dropdown-item" href="#">Action</a> 
    <a class="dropdown-item" href="#">Another action</a> 
    <a class="dropdown-item" href="#">Something else here</a> 
    </div> 
</div> 

しかしcollection_selectはこのように、あなたにselectを与えるために起こっている：ブートストラップのドロップダウンdocsで

Answer 1

あなたは右のそれをやっているが、あなたはハッシュを分離する必要があります。

<%= f.collection_select :id, TipusProducte.order(:nom),:id ,:nom, { include_blank: false }, { class: "btn btn-secondary dropdown-toggle" } %> 

そうでない場合、それは1つのハッシュとして解釈されます。関数仕様には引数として2つのオブジェクトハッシュがあります。最初はコレクションオプション、2番目はHTMLオプションです。

Answer 2

は、スタイルは常にこのようなbutton要素に適用されますHTMLを推測すると、次のようになります。

<select ... class = "btn btn-secondary dropdown-toggle"> 

そして、私はブートストラップはそれで何かをする方法を知らないと思います。