Rails select_tag with ajax action (Rails 3 y jQuery)

Question

Tengo la siguiente lista de selección.

<%= select_tag "project_id", options_from_collection_for_select(@projects, "id", "title") %> 

Cuando el usuario selecciona una opción de la lista anterior, la siguiente lista se debe rellenar con los valores de base de datos en base a la selección anterior.

<%= select_tag "version_id", options_from_collection_for_select(??project.versions??, "id", "title") %> 

Creo que debería hacer uso del evento onchange, pero no tengo idea de cómo usarlo. Alguien me ayuda por favor. Gracias!

Answer 1

Javascript

function update_versions_div(project_id) { 
    jQuery.ajax({ 
    url: "/update_versions", 
    type: "GET", 
    data: {"project_id" : project_id}, 
    dataType: "html" 
    success: function(data) { 
     jQuery("#versionsDiv").html(data); 
    } 
    }); 
} 

controlador

def edit 
    @projects = Project.all 
    @versions = Version.all 
end 

def update_versions 
    @versions = Version.where(project_id => params[:project_id]).all 
    render :partial => "versions", :object => @versions 
end 

Ver

<%= select_tag "project_id", options_from_collection_for_select(@projects, "id", "title"), :prompt => "Select a project", :onchange => "update_versions_div(this.value)" %> 
<div id="versionsDiv"> 
    <%= render :partial => 'versions', :object => @versions %> 
</div> 

parcial: _version.html.erb

<%= select_tag "version_id", options_from_collection_for_select(versions, "id", "title"), :prompt => "Select a version" %> 

también añaden una ruta para /update_versions en su routes.rb

match "/update_versions" => "<controller>#update_versions" 

En este caso, se debe reemplazar <controller> con el nombre del controlador.

No he probado el código, por lo que puede haber errores.

actualización

PullMonkey ha actualizado el código con Rails 3 ejemplo, que es obviamente superior de este código. Por favor, pago y envío http://pullmonkey.com/2012/08/11/dynamic-select-boxes-ruby-on-rails-3/ también