Làm cách nào để thêm thuộc tính dữ liệu trong thẻ chọn biểu mẫu Rails?

Question

Tôi đã tìm thấy dự án Bootstrap Select này và gem for Rails của nó. Tôi muốn thực hiện tìm kiếm trong thẻ chọn.

tôi làm kiểm tra phần tử và đây là nguồn 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> 

Làm thế nào để thêm data-live-search="true" bên chọn thẻ hình thức của tôi?

hình thức của tôi chọn:

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

Những gì tôi đã cố gắng:

<%= 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"} %> 

Nhưng nó không làm việc.

Answer 1

Hãy thử:

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