如何处理所选项目在HTML选择中更改时的事件

Question

我目前有两个Ruby选择：一个用于类别，另一个用于子类别。正如你可能预料到的那样，第二个每当第一个改变时都要更新自己。

例如，如果我从第一个选择类别“体育”，第二个选择应加载所有的运动。

我该如何处理“索引更改”事件？有没有“红宝石方式”或我必须使用JavaScript？

感谢， 布赖恩

Answer 1

你必须至少使用一些JavaScript。在jQuery中，你可以这样做：

$(document).ready(function(){ 
    $('#first-select').change(function(){ 
      $('#second-select').load('/categories/2'); 
    }); 
}); 

在你CategoriesController，你的节目的行动应响应format.js，这应该呈现一个子类别分：

class CategoriesController 
... 
def show 
    @subcats = SubCategory.find_all_by_parent_category(params[:id]) 
    ... 
    respond_to |format| 
    ... 
    format.js { render :partial => "subcategories", :locals => { :subcats => @subcats } } 
    end 
end 

和你的子类别分：

<% subcats.each do |subcat| %> 
<option value="<%= subcat.value %>"><%= subcat.text %></option> 
<% end %>