2011-08-04 26 views
1

我有一个简单的应用程序,允许用户创建帖子。为了创建帖子,用户需要选择一个类别。我想使用集合选择来显示类别。当用户选择一个类别时,我需要在下面显示另一个集合选择,其中列出了该类别中的子类别。所有这些发生在帖子/新页面中。使用jQuery和AJAX在Rails中动态集合选择

我试图使用jQuery和AJAX来实现这一点,我只有到了能够从第一个集合select中找到类别的id时,才显示alert()框来显示该id的确认。但我不知道如何使用该ID向服务器发送AJAX POST,检索子类别,然后显示第二个集合select。

我在网上找到的所有例子都不适合我。任何人都可以提供完整的工作代码,可以满足我的要求吗?谢谢。

回答

3

首先,写它接受一个类别ID作为参数,并使得它在纯文本子类别在下面的格式的控制器动作:

<option value="1">First subcategory</option> 
<option value="2">Second subcategory</option> 
<option value="3">Third subcategory</option> 

接着,写入其触发的AJAX请求时,类别下拉式的变化:

$('#category_dropdown').change(function() { 
    var subcategory_url = "/get_subcategories?category_id=" + $(this).val(); 
    var subcategory_select = $(this).next('select'); 

    $.ajax({ 
    url: subcategory_url, 
    success: function(data) { 
     subcategory_select.html("<option selected=selected>Select Subcategory</option>" + data); 
    } 
    }); 
}); 
+0

我能够用类似的东西来实现这一点,我在这[文章]代码(http://stackoverflow.com/questions/6997476/show-ajax-based-elements-after - 形式提交错误)。尽管感谢您的帮助。 – rookieRailer