PCASClass

Class Of Province City Area Selector 省、市、地区联动选择JS封装类

作者: 333

兼容如下浏览器

版本: (更新日志) 喜欢老版本的朋友请下载Ver 2.04 数据压缩完整版

　更新说明: + 加入功能 * 修正、完善
3.0.140215(请加群了解新功能应用问题)
+ 万国码支持（文件编码格式无需转换）
+ 动态设置数据功能
+ 提示信息自定义
+ 通过元素的ID或NAME均可绑定
+ SetValue方法支持（重置或设置数据）
+ 动态事件绑定
+ 非压缩版数据支持（js需正确设置charset属性）
* 行政区划数据更新（截止2013年12月31日）
* 参数设置方式简化调整（与3.0以前版本不兼容）
* 其它优化
* 注：省、市、地区对象取得的值均为实际值。省、市、地区提示信息选项的值为""(空字符串，请根据实际情况做相应处理)
2.04.120117
* 数据修正（截止2011年10月31日）
2.03.111209
* 数据修正（截止2010年12月31日）
2.02.110911
* 数据修正:2011-09-11
2.01.060817
* 数据修正:2006-08-17
2.0.060124
* 2.0发布
1.0.051230
* 1.0发布

下载: 下载PCASClass.js(最新版)
许可: 在保留JS版权信息的基础上随意使用

介绍

PCASClass,省、市、地区联动选择JS封装类，具有兼容性好、效率高、设置方便等特点，是网站前端程序开发不可多得的省市联动好插件。

示例

省市联动应用实例演示
- 出生地：
  <script type="text/javascript">new PCAS("P1,请选择省份","C1,请选择城市");</script>
- 所在地：
  <script type="text/javascript">new PCAS("P2=吉林省,请选择省份","C2,请选择城市");</script>
- 工作地：
  <script type="text/javascript">new PCAS("P3=江苏省,请选择省份","C3=苏州市,请选择城市");</script>
省市地区联动应用实例演示
- 出　　生　地：
  <script type="text/javascript">new PCAS("province=吉林省,请选择省份","city=白城市,请选择城市","area=大安市,请选择地区");</script>
- 户口所在地：
  <script type="text/javascript">new PCAS("province1=吉林省,请选择省份","city1=吉林市,请选择城市","area1=龙潭区,请选择地区");</script>
- 工作所在地：
  <script type="text/javascript">new PCAS("province2=江苏省,请选择省份","city2=苏州市,请选择城市","area2=姑苏区,请选择地区");</script>
- 无　　默　　认：
  <script type="text/javascript">new PCAS("province3,请选择省份","city3,请选择城市","area3,请选择地区");</script>
- 默　　认　　省：
  <script type="text/javascript">new PCAS("province4=江苏省","city4,请选择城市","area4,请选择地区");</script>
- 默　认　省　市：
  <script type="text/javascript">new PCAS("province5=江苏省","city5=苏州市,请选择城市","area5,请选择地区");</script>
- 默认省市区：
  <script type="text/javascript">new PCAS("province6=江苏省","city6=苏州市,请选择城市","area6=姑苏区,请选择地区");</script>

入门

想要使用这款组件，需要页面引入 PCASClass.js 核心文件，该文件在您的HTML文档<head>标签之内。

<script type="text/javascript" src="/path/PCASClass.js"></script>

参数赋值方法案例：

<script type="text/javascript">
	new PCAS("ProvinceId","CityId")	//通过ID省市二级联动，无默认值，无文字提示信息
	new PCAS("ProvinceId","CityId","AreaId")	//通过ID省市区三级联动，无默认，无文字提示信息
	new PCAS("ProvinceName","CityName","AreaName")	//通过NAME省市区三级联动，无默认值，无文字提示信息
	new PCAS("Province=吉林省","City=长春市")	//省市二级联动，有默认值，无文字提示
	new PCAS("Province,请选择省份","City,请选择城市")	//省市二级联动，无默认值，有文字提示信息
	new PCAS("Province","City","Area")	//省市区三级联动，无默认，无文字提示
	new PCAS("Province=吉林省,请选择省份","City=松原市,请选择城市","Area=宁江区,请选择地区")	//三级联动，有默认值，有文字提示信息
	new PCAS(["Province=吉林省","请选择省份"],["City=松原市","请选择城市"],["Area=宁江区","请选择地区"])	//三级联动，有默认值，有文字提示信息
</script>

使用建议：

对于非万国码数据，js需正确设置charset属性，请在页面头部用如下方式引用<scrpt src="/path/PCASClass.js" charset="gb2312"></scrpt>
初始数据请在文档加载完成后动态处理，或者将设置的JS脚本放置到对应ID或Name元素的下方，否则引起报错;
JS未做容错处理，请核实要设置的ID或NAME页面元素是否存在

配置

PCASClass相关参数如下：

属性	类型	默认	描述
Province ID	string/array	必需	省份ID/NAME，通过new PCAS("")第一个参数指定ID
City ID	string/array	必需	城市ID/NAME，通过new PCAS("")第二个参数指定ID
Area ID	string/array	可选	地区ID/NAME，通过new PCAS("")第三个参数指定ID，若二级联动可省略
SetValue	内置方法		通过如var mypcas=new PCAS()初始化后可动态改变设置数据。如：mypcas.SetValue("吉林省","松原市","宁江区");或者mypcas.SetValue()重新初始化数据;

致谢

自本程序发布以来，收到不少朋友的邮件，提出了很多意见和建议，感谢大家的支持

版权声明

在保留JS版权信息的基础上随意使用，包括商业应用。