Question

I have a ruby hash that contains car makes and models followed by the year.
It looks like:

makes_a={"saturn"=>{"sky"=>["2007", "2009", "2008"], "l-series"=>["2004", "2000", "2005", "2003", "2001", "2002"]}}

I would like to populate 3 select lists 1) make 2) model and 3) year
When a car make is selected (saturn), the second list should get populated with
the 2 models available (sky and l-series).’

When a specific model (sky) is selected, it should populate the 3rd select list with the options for year.

I populate the first select list using the following rails snippet:

<%=  select_tag "make-select", options_for_select(@all_makes_models.to_hash.keys.sort, params[:make]), :class=>"car-make-select" %>

I am not sure how to access the ruby hash using jquery.

Trying to access ruby hash like below gives me javascript syntax error.

$('#make-select').change(function()
{       
    make = $(this).attr('value');
    models = '<%= @all_makes_models[" + make + "].to_hash.keys %>';
    alert(models);
    $('#car-models').val(models);
});

Any ideas on how to access the hash in javascript? (not js.erb)

Thanks

Answer 1

This post solved the problem for me.

As you, I was not using data from a database. Just ignore the line of the controller that makes the query and pass the params[:id] to the partial. This solution also lets you transfer data from your hash (I’d rather use an array, already sorted) to the db with minimum code modification should your app get more complicated in the future.