web-dev-qa-db-ja.com

Railsフォーム選択タグにデータ属性を追加する方法は?

私はこれ Bootstrap Select プロジェクトとその gem for Rails を見つけました。 selectタグに検索を実装したい。

私は要素を検査し、ここに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>

フォーム選択タグ内にdata-live-search="true"を追加するにはどうすればよいですか?

私のフォームの選択:

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

私が試したこと:

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

しかし、それは機能していません。

17

試してください:

{class: "form-control selectpicker", "data-live-search" => "true" }
25
Зелёный
<%= 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}} %>
12
un_gars_la_cour
  <%= 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%>
1
gilcierweb