Rails 4、メモリ内にAPIレスポンスを読み込んでドロップダウンを選択していますか？

Question

基本的に私はAPIからチームオブジェクトのリストを取得したいと思っています - チームIDとチーム名は私が興味を持っているものです - 後でAPI呼び出しを行い、オプション付きのドロップダウンリストを作ることができます。私は、アプリケーション内にカープールオブジェクトを作成するために使用されるフォームの中のドロップダウンリストに「チーム名」のリストを用意したいと考えています。

carpool_controller.rb（カープール＃1 ts_add_teams_to_memory）コントローラのアクションが呼び出される：、ts_teams

キーを含むハッシュの配列であり、[名前]

は、これまで私はこれを持っていますと[：id]。 API

からts_add_teams_to_memory

• グラブチームは、属性「名称」を引き出し、「ID」
• 各オブジェクト
• のハッシュを配列にそのハッシュを通過作成します。
• ts_teamsは、そのハッシュの配列を表します。

相乗り/ new.html.erb

ここで私は、AJAX経由にハッシュの配列を渡したいフォームです。

<%= link_to "Get Teams", ts_add_teams_to_memory_path(current_user.id), 
      remote: true, 
      method: :get, 
      class: "btn btn-success left", 
      data: {toggle: "modal", target: "#ts_loading"} %> 

私はフォームを作成カープールでcollection_selectタグにハッシュの配列をプッシュするにはどうすればよい：ここで

<%= form_for @carpool do |f| %> 
    <h3>Select Team</h3> 
    <div class="form-group"> 
     <%= f.collection_select :team_id, #INSERT ARRAY OF HASHES VIA AJAX?, :id, :name, include_blank: true %> 
    </div> 
     <%= f.submit 'Create Carpool', :class => 'button left' %> 
    <% end %> 

は、私が正しいパスにAJAXリクエストを送信するために使用していますリンクですか？または、これを行うためのより良い方法がありますか？私は、ページ上のAPIから返されたチームオプションの一覧を表示する必要があります。ページをリロードしなくても理想的です...

Answer 1

は、あなたがそれを行うには、いくつかのJavaScriptコードを記述する必要があります。 Ajaxフォームとselect要素IDへ#xxx-idsそれぞれ

$('#ajax-id').on 'ajax:success', (data) -> 
    data.teams.forEach (team) -> 
    $('#select-id').append("<option value=#{team.id}>#{name}</option>") 

変更：

はCoffeeScriptの中でそれを自分で行うには、それはそのようなことになります。

私はあなたの人生がずっと容易にするために、以下のJavaScriptライブラリのいずれかを試してみることをお勧め：

• Select2
• Selectize

彼らの両方が、AJAXを使用してリモートデータをサポートしています。

Answer 2

コントローラ（あなたのアクションでts_add_teams_to_memoryを呼び出すことを確認してください）：

def ts_add_teams_to_memory 
    @ts_teams = current_user.ts_add_teams_to_memory 
end 

ビュー：

<%= f.collection_select :team_id, @ts_teams, :id, :name %>