如何在表单上实现城市/州字段的自动完成?
Posted
技术标签:
【中文标题】如何在表单上实现城市/州字段的自动完成?【英文标题】:How do I implement auto-complete for City / State fields on a form? 【发布时间】:2010-02-10 02:08:20 【问题描述】:我想在表单文本框中实现城市和州自动建议。我该怎么做?
Weather.com 在他们的首页上有一个很好的例子。
问题:
-
在哪里可以找到完整的美国城市和州配对列表?是否有用于此的开放 API?
是否存在已经为文本框执行城市+州自动建议任务的任何现有脚本/框架?
【问题讨论】:
【参考方案1】:如果您正在寻找人口超过 1000 人的世界城市的优秀数据库,请查看geonames.org database。他们有一个可用的 sql 转储。除此之外,您还可以从此数据库中获取国家、地区和纬度/经度。
一般来说,如果您不熟悉,可能对您有帮助的搜索词是 GIS(地理信息系统)。
【讨论】:
【参考方案2】:试试http://plugins.jquery.com/project/jq-autocomplete
http://en.wikipedia.org/wiki/List_of_United_States_cities_by_population 或者,这个怎么样? http://www.census.gov/popest/cities/SUB-EST2008-4.html
这是美国人口普查局的官方页面。您可以解析 CSV。
此外,如果您已经在数组中拥有信息,则不需要 AJAX...但您必须先填充它。
你可能也想看这个
http://forums.asp.net/t/1373395.aspx
【讨论】:
我把你所有的答案结合在一起。请使用编辑链接而不是发布 4 个“答案”.. 谢谢,但我是新手,系统不允许我在评论中发布超过 1 个链接【参考方案3】:建议您查看Freebase Suggest plugin for jQuery,而不是维护您自己的数据库。见this similar question。
该插件将为您完成所有自动完成,甚至是建议 UI(您只需将其指向一个文本框),您可以指定您只想自动完成位置(或仅美国县,或其他)。它可能有点以美国为中心,但听起来这将适用于您的特定用例。
【讨论】:
以上是关于如何在表单上实现城市/州字段的自动完成?的主要内容,如果未能解决你的问题,请参考以下文章
将 Amadeus 机场和城市搜索自动完成添加到 Rails 应用程序
Javascript / Angular2如何根据表单字段值切换按钮