【问题标题】:select2 not display correct select fieldselect2 不显示正确的选择字段
【发布时间】:2012-11-01 16:07:31
【问题描述】:

我有一个这样的表单搜索:

当我将select2 用于select#search_topic 时,变成:

这是我的 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.jsselect2.css.scss(从selec2.css 更改名称)复制到vendor/javascriptvendor/stylesheet

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

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

【问题讨论】:

  • 您应该使用纯文本输入而不是select_tag - hidden_field_tag。有关示例,请参阅官方文档。
  • @antonk 纯文本是什么意思?
  • 我的意思是,select2 需要 ,而不是

标签: ruby-on-rails ruby-on-rails-3 jquery-select2


【解决方案1】:

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

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

搜索页面的宽度

如果你添加 :multiple => "" 它使用多文本框版本

【讨论】:

  • 没用,我以前做过。但我在this question 中找到了答案 + 设置下拉列表的第一项。
猜你喜欢
  • 2012-11-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-31
  • 2018-12-30
相关资源
最近更新 更多