次のようなフォーム検索があります。
select2 for を使用すると、次の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
and select2.css.scss
(select2.css から名前を変更) をvendor/javascript
andにコピーしvendor/stylesheet
ました。
そしてurl('select2.png')
、scssファイルをimage_url("select2.png")
. にもコピーselect2.png
しましたapp/assets/images
。
application.js
私は持っています//= require select2
。application.css.scss
私は持っています@import "select2";
。コードの何が問題になっていますか?