JQuery:如何自动完成"城市,州"?

Nic*_*ckT 29 javascript jquery

问题:如何使用JQuery Auto-Completion插件"City, State"为输入字段建议location()?

意思是,有人想输入"芝加哥,IL" ......所以他们开始输入"Chi"并自动建议"Chicago, IL".

我最大的障碍是找到一项服务,我可以查询以查找所有美国城市+州名.

我本质上想要做StackOverflow"标签"输入表格的工作,但形成"城市,州"自动完成.

Jac*_*son 40

有一个名为GeoNames的组,它提供可下载的数据库和免费的Web服务来获取这种类型的数据.例如,搜索

http://ws.geonames.org/searchJSON?name_startsWith=Chic&country=US
Run Code Online (Sandbox Code Playgroud)

将返回一堆包含Chicago,IL的JSON(JSON属性包括,其中包括"name":"Chicago"和"adminCode1":"IL").

碰巧,jQuery UI人员使用此数据源进行自动完成演示.(感谢NickT的链接).

  • 非常酷,我在下面的链接中找到了官方集成 - > http://jqueryui.com/demos/autocomplete/#remote-jsonp (10认同)
  • @NickT如果你还在,你应该接受这个答案.认识:-) (2认同)

Jer*_*emy 2

您要么需要在按下某个键时对服务器进行 ajax 调用来更新“自动完成”下拉菜单,要么包含所有可能的“城市状态”字符串的数组,并在按下某个键时过滤它们。