JS中的开源国家/地区区域选择器

时间:2011-12-16 02:27:12

标签: php javascript jquery

我正在为我的项目开发一个库/框架。我想做一个国家选择器,

用户选择USA然后填充一个包含所有状态的状态框

用户选择加拿大,然后填充另一个包含加拿大所有地区的框

用户选择墨西哥,然后填充墨西哥所有地区的另一个框

用户选择英国,然后填充另一个包含英国所有地区的框

等等......你明白了,因为它将成为框架/库的一部分,我想让它完整且易于使用。所以我想添加许多不同的国家和地区组合

此外,如果在将值保存到数据库或文件或任何地方作为用户设置的项目中使用它,那么当页面加载并且值可用时,它应预先填充正确的选择框并具有已选择正确的国家和地区。

现在我知道Javascript是必需的,我使用的是jQuery所以最好使用jQuery,也可以使用PHP。

有些问题......

1)
在一个个人项目中,我可能会将所有国家和地区组合存储在MySQL数据库中,但是因为我想让它更像是一个解决方案,所以最好在PHP数组中存储一个包含Country选项的文件然后将每组区域作为一个数组放在一个单独的文件中。

所以美国将有一个单独的文件,其中包含50个州的PHP数组,加拿大将有一个文件,其中包含所有不同的staes / region等。或者有更好的方法吗?  或者我应该继续将所有这些存储在MySQL或SQLite中,并提供带有代码的正确表格

2) 根据教程和内容,我想我可以弄清楚如何根据从另一个选择框中选择的国家/地区填充区域/州选择框,但是,如果用户之前选择了美国和纽约,我将如何进行关于确保第一个框被选中美国,第二个框已经加载了美国地区/州的文件/内容,然后在该列表中选择了正确的状态

第3) 你是否已经知道这样的事情已经对我有所帮助,或者如果你想做出任何贡献,即使让我朝着正确的方向前进也会有所帮助,我们将非常感激

1 个答案:

答案 0 :(得分:3)

Google javascript country state dropdown,您会找到很多解决方案。 http://javascriptsource.com/forms/country-state-drop-down.html的第一个似乎已经非常合理了。它将所有数据存储在JavaScript代码中 - 毕竟,没有那么多组合。对于缺少州/地区信息的国家,用户可以进入任意区域。