Question

我正在尝试使用rails中的select2 gem实现搜索下拉列表。我通过将gem添加到Gem文件并运行bundle install来安装gem。

我在application.js文件中保留了以下命令

//= require select2

我在.css文件中保留了以下命令

/*
 *= require select2
 */

这是html.slim

的html

<select class="select required w-input text-field w-select positive" id="user_country_id" name="user[country_id]" required="required"><option value=""></option>

这是需要使用select2

实现的html.slim代码

.w-row
            = form.association :country, as: :select, wrapper_html: {class: 'w-col w-col-6 w-sub-col'}, input_html: {class: 'w-select', required: true}, required: true

我尝试在文档中给出的select2 js方法中添加id，但它对我不起作用。

javascript:
  | $(document).ready(function() { $("#user_country_id").select2(); });

我是新手。有关如何使用关联在html.slim中实现select2的任何帮助表示赞赏。谢谢。

Answer 1

将调用javascript放在整个页面底部的slim文件中，但删除Document.ready函数，如下所示：

javascript:
  $("#user_country_id").select2();

由于您在渲染选择后调用它，因此无需再次调用Document.ready。

如果你更喜欢使用coffeescript：

coffeeview:
  $('#user_country_id').select2

在Rails中的html.slim中选择2实现

1 个答案: