Question

我有这样的表单搜索：

filter http://s11.postimage.org/hdqtyhv03/filter.png

当我使用select2 select#search_topic时，会变为：

filter_error http://s13.postimage.org/gy9rrq0uv/filter_error.png

这是我的select2代码：

<% content_for :head do %>
  <script type="text/javascript">
$(document).ready(function() {
  $('#search_topic').select2();
});
  </script>
<% end %>

我的表格：

<%= form_tag({ controller: 'questions', action: 'search_filter' }, method: 'get', class: 'form-inline') do %>
  <%= label_tag 'search_topic', 'Filter:', class: 'label_search' %> 
  <%= select_tag 'search_topic', options_from_collection_for_select(current_user.get_topics, :id, :name), :prompt => "Select topic" %>
  <%= select_tag 'search_type', options_from_collection_for_select(@question_types, :id, :name), :prompt => "Select type question" %>
  <%= submit_tag "Search", name: nil, class: 'btn' %>
<% end %>

我已将select2.js和select2.css.scss（从selec2.css更改名称）复制到vendor/javascript和vendor/stylesheet。

我将scss文件中的url('select2.png')更改为image_url("select2.png")。我还将select2.png复制到app/assets/images。

在application.js我有//= require select2。在application.css.scss我有@import "select2";。我的代码出了什么问题？

Answer 1

您应该能够为选择设置默认宽度。

http://ivaynberg.github.com/select2/index.html

搜索页面的宽度

如果你添加：multiple =＆gt; ＆＃34;＆＃34;它使用多个文本框版本

select2不显示正确的选择字段

1 个答案: