如何在表单上实现城市/州字段的自动完成?

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 应用程序

整个 Web 应用程序的自动完成功能

Javascript / Angular2如何根据表单字段值切换按钮

iOS中文本字段和标签的自动布局

如何将占位符颜色属性添加到 xamarin 表单中的自动完成字段?

如何使用Google自动完成和Vue js来自动填写地址?