Rails3 replace search box with select dropdown

Question

Is there a way to replace a text_field_tag with a select in a rails3 search function?

My current search form:

<%= form_tag orders_path, :method => 'get', :id => "orders_search" do %>
<p><%= text_field_tag :search, params[:search] %>
    <%= submit_tag "Search", :name => nil %></p>

I wanted to replace with a dropdown to limit / filter my customers results. I've tried this:

    <%= select :search, params[:search], ([["Pending"], ["Open"], ["Closed"]]) %>

However this gives me a 500 error and an output in the log:

TypeError (expected Array (got String) for param `search'):

I've also tried:

    <%= select :search, ([["Pending"], ["Open"], ["Closed]]) %>

Which leads to an invalid number of arguments.

What's the best way to do this?

score 6 · Accepted Answer · edited May 23 '17 at 12:34

6

Check Select helper methods in Ruby on Rails out.

You can probably do what you need with:

<%= select_tag "search", options_for_select([ "Pending", "Open", "Closed" ], params[:search]) %>

-- EDIT --

In order to submit form on select add following in your application.js (provided you use jQuery):

$(document).ready(function() {

  $("select#search").change(function(){
    $(this).closest("form").submit();
  });

});

There are already few stack overflow answers in regards to this.

edited May 23 '17 at 12:34

Community

1
1

answered Aug 08 '11 at 21:36

Krule

6,468
3
34
56

Great, thanks!! Now all I've got to do is figure out how to fire my ajax request on select and forget the search button :) jx – Jenny Blunt Aug 09 '11 at 20:59
That is easy. I will add an edit to above answer in few minutes – Krule Aug 09 '11 at 21:19

Rails3 replace search box with select dropdown

1 Answers1