select_tag Ajax Updation with Rails3 + Jquery

Question

商品カテゴリの種類を表示するselect_tagがあります。ユーザーが製品カテゴリを選択し、selectタグの下にあるdiv内のすべての製品を一覧表示するときに、Ajaxの更新を行いたいと思います。

私は部分的でjsのテンプレートで、製品の表示部を処理​​することができると思います。しかし、私はどのように実装するかわかりません

製品カテゴリー選択 railsコントローラにajaxリクエスト（パラメータ付き）をしています。 （ウェブでのほとんどすべての例では、Ajaxフォームのupdationと結合された....）

誰かが私がレール3、jQueryの

歓声

を使用しています事前

で感謝OUT-私を助けることができます

sameera

Answer 1

あなたは私達にあなたのデータモデルに関する詳細な情報を与えた場合、それが参考になります。私はあなたの質問に基づいてあなたが思っていることを描写します。

class Product < ActiveRecord::Base 
    belongs_to :category 
end 

class Category < ActiveRecord::Base 
    has_many :products 
end 

、あなたが設定し、あなたのルートを持っていると仮定すると：

resources :categories do 
    resources :products 
end 

あなたが何をする必要があるかは、選択したカテゴリIDに基づいた製品のリストを要求するselect_tagのchangeイベントwireupです。

$('select#categories').change(function(){ 
    var category_id = $(this).find('option:selected').val(); 
    $.getJSON(
    '/categories/' + category_id + '/products', 
    function(response) { 
     // render your template on the page here 
    } 
); 
}); 

私はRailsのコントローラとの基本的なRESTfulな相互作用を簡素化するためにjQuery pluginを書いたので、それはのように書くことができます$.readが$.getJSONよりもはるかに簡単ではありませんが

$('select#categories').change(function(){ 
    var category_id = $(this).find('option:selected').val(); 
    $.read(
    '/categories/{category_id}/products', 
    { category_id: category_id }, 
    function (response) { 
     // render your template 
    } 
); 
}); 

、他の操作あなたに多くの入力を省くでしょう。

残りの実装はコントローラにありますが、それを実装する方法には余裕がありますので、詳細がなければ何が役立つのか分かりません。