一段简单的国家,省份和城市选择的脚本

在做Web应用时,经常会有这样的需求要求,要求用户选择所在的国家,省份和城市,一般是由3个select来控制的。我写了一个简单的脚本来使得其更方便的移植使用。

下载地址:http://alexcheng.myrice.com/CountryProvinceCitySelect.zip

程序主要由4个JavaScript脚本组成:

其中x.js是跨浏览器的库,主要用在事件处理方面,如果你不想添加这个库,修改CPCController.js的代码就可以了。

Messages_zh_CN.js是国际化所用的脚本,里面主要定义了3个变量,分别是:”请选择国家或地区”,”请选择省份”,”请选择城市”,可以自行修改,然后使用native2ascii转换即可。

具体 :

1 : 修改 CountryProvinceCity_zh_CN.ucd
2 : 保存到 c:\
3 : 打开 运行 cmd 切换到 c:\
4 : 输入 :


C:\>native2ascii -encoding GBK CountryProvinceCity_zh_CN.ucd CountryProvinceCity
_zh_CN.js

5 :用CountryProvinceCity_zh_CN.js覆盖原文件。


CountryProvinceCity_zh_CN.js是国家,省份和地区的列表。熟悉JSON的人一看就知道怎么写了。对于国家,CN就是select中option的value,name就是option的text。

CPCController.js就是最重要的控制逻辑所在了。

附带的2个ucd文件是转换之前的国际化文件。

里面的CPCTest.html给出了如何使用的例子,只需要一行代码就够了:

new CPCController(”homeCountry”, “homeProvince”, “homeCity”, CPC);

参数分别是3个选择框的ID,和列表对象。

你可能感兴趣的:(脚本)