如何将所选项目的标签添加到jquery自动填充?

时间:2016-12-09 17:37:02

标签: javascript jquery css ruby-on-rails twitter-bootstrap

我在Rails中开发应用程序,我输入的文字如下:

<input type="text" name="task[value]" id="task_value" class="ui-autocomplete-input" autocomplete="off">

使用jquery函数从下拉菜单中选择建议值,它的效果非常好。 我的问题是:我如何为选定的项目添加一些CSS?我想要像stackoverflow这样的标签(&#34; x&#34;在项目附近删除它)。 我使用了gem 'bootstrap-sass', '~> 3.3', '>= 3.3.7',我尝试了很多没有结果的插件。也许我没有以正确的方式使用它。 抱歉我的英语不好。

1 个答案:

答案 0 :(得分:0)

使用简单的表单gem,有一个input_html标记,你可以在那里传递任何html属性,例如:

<%= simple_form_for @user do |f| %>
  <%= f.input :username, input_html: { class: 'special' } %>
  <%= f.input :password, input_html: { style: "font-size:20px;" } %>
  <%= f.input :remember_me, input_html: { value: '1' } %>
  <%= f.button :submit %>
<% end %>

来源:https://github.com/plataformatec/simple_form