すべての記事を取得するサンプル プログラムを作成しました。カテゴリに基づいて記事をフィルタリングしたいと思います。カテゴリはドロップダウンでレンダリングされます。カテゴリを選択したときに AJAX クエリを起動して、テーブルがその選択ですぐに更新されるようにするにはどうすればよいですか。これを達成する方法についていくつかの参考文献を提供できますか?
select * from articles where category = <drop down selection>
すべての記事を取得するサンプル プログラムを作成しました。カテゴリに基づいて記事をフィルタリングしたいと思います。カテゴリはドロップダウンでレンダリングされます。カテゴリを選択したときに AJAX クエリを起動して、テーブルがその選択ですぐに更新されるようにするにはどうすればよいですか。これを達成する方法についていくつかの参考文献を提供できますか?
select * from articles where category = <drop down selection>
次のように書いてみてください。
<%= select_tag :category,options_for_select(:your_collection)%>
$('#category').bind('change', function() {
$.ajax({
url: your_controller_action,
data : {category: $('#category').val()}
success: function(data){
$('#your_replace_div_id').html(data);
}
});
js を使用して category_id を取得する
$('#category').options[$('#category').options.selectedIndex].value
そして、この値をajaxによってサーバーに投稿します
サーバー側では、この category_id 値を sql に渡すことができます
select * from articles where category = "#{category_id}"