如何在 Rails 引导表单选择中添加数据属性？答案

【问题标题】：How to add data attribute in Rails bootstrap form select?如何在 Rails 引导表单选择中添加数据属性？
【发布时间】：2016-07-27 13:32:05
【问题描述】：

我找到了这个 Bootstrap Select 项目及其用于 Rails 的 gem。我想在 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 :status_cont, [["Activo", "Activo"], ["Inactivo", "Inactivo"]], {:prompt => "Elegir"}, { class: "form-control", 'live-search' => 'true' } %>

但它不起作用 enter image description here

【问题讨论】：

你试过:"data-live-search" => "true吗？
是的，数据实时搜索但不工作
好吧，如果它确实显示了，那么 JavaScript 可能有问题。我的猜测是 Turbolinks。尝试将正文标记更改为：<body data-no-turbolink> 并点击刷新。
嗨，我在哪里可以改变？？？谢谢
application.html.erb 将data-no-turbolink 添加到正文标签。例如：<body data-no-turbolink>

标签： ruby-on-rails ruby bootstrap-select

【解决方案1】：

应该这样做：

<%= f.select :status_cont, [["Activo", "Activo"], ["Inactivo", "Inactivo"]], {:prompt => "Elegir"}, { class: "form-control", data: { live_search: 'true' } } %>

【讨论】：