我正在寻找一个可以处理的好的
Jquery插件
查找城市所属的国家/地区(具有自动填充的类型)
查找城市所属的国家/地区(具有自动填充的类型)
例如：
Typing "New Yor"
应自动完成
New York,United States
并能够拯救城市和国家
:city :country
什么是实现这种功能的好方法？我的意思是将所有国家和城市存储在用户数据库中.我知道https://github.com/jim/carmen但是那个正在被重写,我很乐意自己解决这个问题,只需要一些帮助.
解决方法
不妨为此编写自己的逻辑,因为我认为插件不会出现：
我假设这个城市和国家有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