jQuery 城市选择器?

Posted

技术标签:

【中文标题】jQuery 城市选择器?【英文标题】:jQuery City Picker? 【发布时间】:2010-12-28 03:14:00 【问题描述】:

我正在寻找一个类似于 facebook 在创建事件页面上使用的城市选择器。用户应该能够输入一个城市的名称,它会弹出他们可以选择的州/省。

我认为这会是让用户选择城市的最简单方法吗?要么,要么我们需要向下钻取选择框,首先让您选择国家,然后是省,然后可以加载城市......但我认为这太慢了。

这将在内部用于我们的员工通过电话快速输入信息。该城市必须是我们的数据库认可的有效城市。我不知道我是否应该将输入框强制转换为一种非常具体的可识别格式,例如<city-name><comma><single-space><two-letter-province-code>,然后会在数据库中对其进行解析和查找,用户可以在弹出窗口出现城市名称,然后在他们选择一个之后,一些隐藏字段将填充城市 ID。哪个最不让我头疼?


我认为城市选择器稍微超出了典型的自动完成小部件,因为下拉菜单中显示的内容与复制到文本框中的内容并不完全相同。例如,下拉菜单也可能显示国家/地区,但实际上没有必要在框中显示它。是否也有支持此功能的小部件?

【问题讨论】:

【参考方案1】:

首先你必须找到可以使用的数据库,我可以向你推荐这个data source,因为它是最大的可用数据库。

关于 javascript 和自动完成,您可以找到许多现成的脚本here

【讨论】:

@Ralph 你也可以查看 ExtJS 网站,他们有很好的下拉结合自动完成的例子dev.sencha.com/deploy/dev/examples/form/combos.html

以上是关于jQuery 城市选择器?的主要内容,如果未能解决你的问题,请参考以下文章

jquery手机触屏滑动拼音字母城市选择器代码

js城市联动选择器

一步步实现一个城市选择器

XPopup 扩展功能库,基于 XPopup 强大的弹窗能力和 PickerView 的选择器逻辑,封装了时间选择器弹窗和城市选择器弹窗。

JavaScript之jQuery-2 jQuery选择器(jQuery选择器基本选择器层次选择器过滤选择器表单选择器)

Android ------ AndroidPicker(时间,日历,城市等选择器)