Come aggiungere l'attributo di dati nel tag di selezione del modulo Rails?

Question

Ho trovato questo progetto Bootstrap Select e il suo gem for Rails. Voglio implementare la ricerca nel tag select.

faccio ispezionare elemento e qui è il codice HTML:

<select class="selectpicker" data-live-search="true"> 
    <option>Hot Dog, Fries and a Soda</option> 
    <option>Burger, Shake and a Smile</option> 
    <option>Sugar, Spice and all things nice</option> 
</select> 

Come faccio ad aggiungere data-live-search="true" dentro la mia forma tag select?

La mia forma selezionare:

<%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker"} %> 

Quello che ho provato:

<%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker", data: "live-search"} %> 

Ma non funziona.

Answer 1

Prova:

{class: "form-control selectpicker", "data-live-search" => "true" } 

Answer 2

<%= f.select :food_id, options_for_select(Food.all.map{|c| [c.name, c.id]}, f.object.food_id), {}, {class: "form-control selectpicker", data: {"live-search": true}} %> 

Answer 3

<%= f.select(:plan_id, {},{}, {'v-model'=>"plan_id",'@change'=>"onChange", class: "form-control"}) do %> 
<% Plan.all.each do |plan| %> 
    <%= content_tag(:option,"#{plan.name.upcase} #{plan.max_items} #{number_to_currency(plan.price)}", value:plan.id, :data => {items: plan.max_items, price: plan.price}) %> 
<% end%> 
<% end%>