码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-08-18 12:58:05      阅读:1138      评论:0      收藏:0      [点我收藏+]

标签:

想要使用这款组件,需要页面引入 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 JQ 插件PCASClass.js

标签:

原文地址:http://www.cnblogs.com/yuanpengchao/p/5783469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!