將下拉菜單重置爲選定的值

Question

我有一個索引頁面，顯示數據庫中的所有行程。頁面頂部是一個帶有下拉列表的過濾器，您可以選擇類別，區域或兩者來篩選結果。

當您選擇您的選擇並點擊「顯示」時，下拉菜單將返回到「所有類別」和「所有區域」的默認選項。

當我過濾結果時，如何才能將選定選項顯示在下拉菜單中？

這裏是我的下拉菜單：

.row 
    = form_tag all_road_trips_path, id: 'filter-trips-form', method: :get do 
    .select-intro 
    Browse 
    .select-wrapper.trip-categories 
    = collection_select(:category, :id, Category.all, :id, :name, :prompt => "All categories") 
    .select-intro 
    trips for 
    .select-wrapper 
    = collection_select(:region, :id, Region.all, :id, :name, :prompt => "All regions") 
    .select-button 
    = submit_tag 'Show Trips', class: 'button square' 

編輯::

我嘗試添加了selected值，得到一個 '未定義的方法`[]' 的零：NilClass'的錯誤。我認爲這是由於我的下拉菜單中的第一個值是「所有類別」，並且實際上並不是數據庫中的對象，因此缺少一個ID。下面是更新後的代碼和服務器輸出：

.row 
    = form_tag all_road_trips_path, id: 'filter-trips-form', method: :get do 
    .select-intro 
    Browse 
    .select-wrapper.trip-categories 
    = collection_select(:category, :id, Category.all, :id, :name, :prompt => "All categories", :selected => params[:category][:id]) 
    .select-intro 
    trips for 
    .select-wrapper.trip-regions 
    = collection_select(:region, :id, Region.all, :id, :name, :prompt => "All regions", :selected => params[:region][:id]) 
    .select-button 
    = submit_tag 'Show Trips', class: 'button square' 

而且

Started GET "/road-trips/all" for 127.0.0.1 at 2014-01-10 14:03:39 -0600 
Processing by RoadTripsController#all as HTML 
    Category Load (0.4ms) SELECT "categories".* FROM "categories" 
    Rendered road_trips/_trip_filter.html.haml (4.7ms) 
    Rendered road_trips/all.html.haml within layouts/application (5.6ms) 
Completed 500 Internal Server Error in 9ms 
    User Load (0.4ms) SELECT "users".* FROM "users" WHERE "users"."id" = 1 LIMIT 1 

NoMethodError - undefined method `[]' for nil:NilClass: 
    app/views/road_trips/_trip_filter.html.haml:6:in `block in _app_views_road_trips__trip_filter_html_haml__2571960046883419269_70320079055780' 
    haml (3.1.8) lib/haml/helpers/action_view_mods.rb:162:in `block (2 levels) in form_tag_with_haml' 

Answer 1

使用:selected選項：

= collection_select(:category, :id, Category.all, :id, :name, :prompt => "All categories", :selected => params[:category_id or however you store this value]) 

在底部的評論在這裏

簡要論述：http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/collection_select

這是怎麼回事on：通過傳遞一個值到:selected選項在collection_select表單助手中，您告訴它在值匹配時將其中一個選項標記標記爲選中狀態。因此，例如，所給出的選項「蘋果」，「香蕉」，「巧克力」：

<select name="treat"> 
    <option value="apple">Apple</option> 
    <option value="banana">Banana</option> 
    <option value="chocolate">Chocolate</option> 
</select> 

當您在「巧克力」傳遞給collection_select形式助手，它將匹配值的選項變量的值並將匹配的一個標記爲已選：

= collection_select :treat, args..., :selected => 'chocolate' 
# will render: 
<select name="treat"> 
    <option value="apple">Apple</option> 
    <option value="banana">Banana</option> 
    <option value="chocolate" selected>Chocolate</option> 
</select> 

希望有幫助。

編輯： 您錯誤地調用PARAMS價值，而不是：

params[:category][:id] 

它應該是：

params[:category_id] 

和無二其他PARAM爲好。

這是因爲表單助手：collection_select :category, :id將生成一個名稱爲category_id的選擇標記，那將是提交的參數。

錯誤no method [] for nilClass是由params[:category]返回nil造成的，因爲沒有這樣的參數。