jQuery自动完成中的两个字段答案

【问题标题】：Two fields in jQuery autocompletejQuery自动完成中的两个字段
【发布时间】：2012-04-07 01:25:17
【问题描述】：

如何使用 jQuery 自动完成插件链接两个输入字段？例如，我有两个字段：City 和 Street。因此，当我选择某个城市时，我希望在 Street 字段中只看到所选城市的街道。

【问题讨论】：

城市和街道字段是一种形式

标签： jquery ruby-on-rails ruby-on-rails-3.1

【解决方案1】：

我会让街道自动完成数据源将城市字段的值作为参数提交给街道数据源。

我的 jquery 调用会从 city_field 获取值：

$(function () {  
    $('#street_field').autocomplete({source: '/autocomplete/street?city="' + $(this).siblings('input[id=city_field]').val() + '"'});
});

在我的自动完成控制器中（提供我所有的自动完成数据）：

class AutocompleteController < ApplicationController
  def street
    if params[:term]
      like= "%".concat(params[:term].concat("%"))
      streets = Street.where("city like ? and name like ?", params[:city], like)
    else
      streets = Street.where("city like ?", params[:city])
    end
    list = streets.map {|u| Hash[ id: u.id, label: u.name, name: u.name]}
    render json: list
  end
end

如果这不是您想要的，请发布一些示例代码以帮助我们更好地了解您的想法。

【讨论】：