Rails jQuery-autocomplete客户端

Question

需要使用自动填充字段而不是下拉字段更新我的食谱#new视图。在阅读了一些文章后，我决定使用jQuery-ui。

添加到Gemfile中

array

和application.js

gem "jquery-ui-rails"

视图

//= require jquery-ui

RecipesController需要一个成分ID，但表单提交：

“ingredient_id”=＆gt; “中糖”

<%= form_for @recipe do |f| %>
  <%= f.fields_for :quantities do |quantity| %>
    <%= f.label :ingredient, "Ingredient" %>
    <%= f.text_field :ingredient_id, 
                      class: "search-query", 
                      type: "search", 
                      data: { autocomplete_source:
                                    Ingredient.order(:name).map { |t| 
                                      { :label => t.name, :value => t.id } }%>  
  <% end %>
<% end %>

如何处理自动填充，提交成分ID而不是名称？