將類添加到Ruby On Rails配方上的collection_select

我正在使用表單在RoR中創建記錄。我已經下拉菜單，我不知道如何添加一個類爲這個元素的樣式。將類添加到Ruby On Rails配方上的collection_select

代碼：

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

但這類不起作用，這種風格是從引導。

謝謝！

來源

2017-05-25 Xavi

你這樣做是對的，但你需要的散列分開：

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

否則，它就會被解釋爲一個哈希值。函數規範有兩個對象散列作爲參數;第一個是收集選項，第二個是HTML選項。

來源

2017-05-25 19:52:14 GoGoCarl

在回答這個問題時留下這個問題，但也要考慮@jvillian的答案;您可能不希望將選擇下拉列表設置爲按鈕。 – GoGoCarl

感謝它的工作！ – Xavi

自舉下拉菜單docs，樣式總是應用到button元素是這樣的：

<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，像這樣：

<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>

我m猜測HTML看起來像這樣：

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

我想Bootstrap不知道該怎麼做。

來源

2017-05-25 19:52:06 jvillian

將類添加到Ruby On Rails配方上的collection_select

回答

相關問題