【发布时间】: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.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";。
我的代码有什么问题?
【问题讨论】:
-
您应该使用纯文本输入而不是
select_tag-hidden_field_tag。有关示例,请参阅官方文档。 -
@antonk 纯文本是什么意思?
-
我的意思是,select2 需要 ,而不是
标签: ruby-on-rails ruby-on-rails-3 jquery-select2