Question

我正在寻找一个可以处理的好的Jquery插件查找城市所属的国家/地区（具有自动填充的类型）

例如：

Typing "New Yor"

应自动完成

New York, United States

能够将城市和国家保存为

:city
:country

实现此类功能的好方法是什么？我的意思是将所有国家和城市存储在用户数据库中。我知道https://github.com/jim/carmen但是那个正在被重写，我很乐意在一点帮助下自己解决这个问题。

Answer 1

不妨为此编写自己的逻辑，因为我认为插件不会出现：

我假设这个城市和国家有ids。如果没有，逻辑实际上会更简单。使用jQueryUI的自动完成功能来触发元素的自动完成。添加一个控制器方法，它将您的城市和国家/地区标签（可能是城市对象上的方法）与您的ID一起返回为json。在自动填充“选择”回调中，在表单中为城市和国家/地区ID设置隐藏字段。最后一部分是可选的，因为我不知道你打算如何从表单中保存这些数据。

以下示例假定您的应用程序很多，但应该足以让您入门：

视图脚本示例：

    $("#yourField").autocomplete({
      source: "/path_to_your_action",
      minLength: 2,
      select: function( event, ui ) {
        $(this).val(ui.item.label);
        $(this).find("#country_id").val(ui.item.country_id);
        $(this).find("#city_id").val(ui.item.city_id);
        event.preventDefault;
      }
    })

控制器：

def your_action
  term = params[:term]
  cities = City.where("cities.name like ?", "%#{term}%")
  .limit(25)
  .all
  render :json=>cities.collect{|c| {:label=>c.your_label_method, :city_id=>c.id, :country_id=>c.country_id}}
end

city.rb

def your_label_method
  "#{self.name}, #{self.country.name)}"
end

Answer 2

在您的情况下，对我来说更好的解决方案是使用谷歌地图API来获得良好的回报。您可以通过示例使用插件htp：//github.com/sgruhier/jquery-addresspicker。

Rails / Jquery自动完成城市，国家的自动完成插件

2 个答案: