省市县 三级 四级联动Javascript JQ 插件PCASClass.js

想要使用这款组件,需要页面引入 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()重新初始化数据;

文件下载地址:

http://t.cn/RtRYjQp

上一篇:JavaScript模板引擎Template.js使用详解


下一篇:初探JavaScript(二)——JS如何动态操控HTML