无法使用AutoComplete jQuery获取元素的：id

Question

伙计们，我正在使用jQuery Autocomplete到我的rails 3.1应用程序，以获取我想要的国家（当我输入国家缩写）时，它会给我国家的名称，而当我提交表格时，它将在参数中发送该元素的：id我已经做了所有提到的事情，但仍然没有获得id作为参数，我的代码是

<%= form_for(@company_admin ,:url => admins_path) do |f| %>
 .
 .
 .
 .
 #all fields for company admin

          <%= f.fields_for :company do |company| %>
              #all fields for company
              .
              .

              <%= label_tag :Country %>
              <%= autocomplete_field_tag :country ,"" ,  autocomplete_country_name_admins_path ,:element_id=>"#country_id",:size => 75,:class => "field" %>
              </tr>
          <%end %>

          <%= f.submit 'Create' %> 


  <%end  %>

和即时通讯越来越像

Parameters: {"commit"=>"Create", "country"=>"india", "company_admin"=>{"company_attributes"=>{"address"=>"gt road", "category"=>"IT", "company_name"=>"google", "sub_domain"=>"classfieldidsub_domain", "telephone_number"=>"(+111) 111-111-1111"}, "gender"=>"Mr.", "last_name"=>"pqr", "email"=>"abv@gmail.com", "first_name"=>"abc"}, "authenticity_token"=>"X6bgRzJ5ydXJCyZ8+GhN57Z+O2K9gL1dsV15YQaXa84=", "utf8"=>"✓"}

即在params[:country]即时通讯中获取“印度”，我希望它应给出“印度”的：id

伙计们请我帮我解决这个问题

Answer 1

您需要添加一个隐藏字段。 那是自动完成功能将插入您的id值的地方。 然后，您可以从控制器中的params hash中读取它

  <%= f.hidden_field :country_id, :id => "my_country_id" %>
  <%= f.autocomplete_field :country ,  autocomplete_country_name_admins_path ,:element_id=>"#my_country_id",:size => 75,:class => "field" %>

Answer 2

尝试将:element_id=>"#country_id"更改为:element_id=>"#id"

      <%= f.fields_for :company do |company| %>
          ....
          <%= f.label :Country %>
          <%= f.autocomplete_field :country ,  autocomplete_country_name_admins_path ,:element_id=>"#id",:size => 75,:class => "field" %>
          </tr>
      <%end %>  

我也鼓励您使用表单帮助方法而不是表单帮助标签：）

-更新从rails3-jquery-autocomplete添加一些源

  # Returns an input tag of the "text" type tailored for accessing a specified attribute (identified by +method+) and
  # that is populated with jQuery's autocomplete plugin.
  #
  # ==== Examples
  #   autocomplete_field(:post, :title, author_autocomplete_path, :size => 20)
  #   # => <input type="text" id="post_title" name="post[title]" size="20" value="#{@post.title}"  data-autocomplete="author/autocomplete"/>
  #
  def autocomplete_field(object_name, method, source, options ={})
    options["data-autocomplete"] = source
    text_field(object_name, method, rewrite_autocomplete_option(options))
  end

#
# Method used to rename the autocomplete key to a more standard
# data-autocomplete key
#
private

def rewrite_autocomplete_option(options)
  options["data-update-elements"] = JSON.generate(options.delete :update_elements) if  options[:update_elements]
  options["data-id-element"] = options.delete :id_element if options[:id_element]
  options
end

似乎autocomplete_field生成:element_id作为html5 element data attribute用于从宝石源再次提交文本

:extra_data 
By default, your search will only return the required columns from the database needed to populate your form, namely id and the column you are searching (name, in the above example).

看起来他们将通过将消息发送给具有给定element_id的对象来返回id。

Answer 3

您需要为隐藏字段提供一些ID，以便将所选元素的ID填充到该隐藏字段中。 例如：

<%= f.hidden_field :country_id, id: 'my_country_id' %>
<%= f.autocomplete_field :country, autocomplete_country_name_admins_path ,id_element: '#my_country_id', size: 75, class: 'field' %>

对于那些想与Form_tag一起使用的人：

<%= hidden_field_tag :country_id, '', id: 'my_country_id' %>
<%= autocomplete_field_tag :country, autocomplete_country_name_admins_path ,id_element: '#my_country_id', size: 75, class: 'field' %>

有关详细说明和参考，
请访问： http : //www.rubydoc.info/gems/rails3-jquery-autocomplete/0.6.2

Answer 4

我同意上面的代码，尝试一下。 我要让您使用的代码不是form，因为应该使用form_for helper。

使用form_for辅助程序制作自动完成代码后，它应该返回参数。