想要使用这款组件,需要页面引入 PCASClass.js 核心文件,该文件在您的HTML文档<head>标签之内。
1 | < script type = "text/javascript" src = "/path/PCASClass.js" ></ script > |
参数赋值方法案例:
1 2 3 4 5 6 7 8 9 10 | <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属性,请在页面头部用如下方式引用
1 | < 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()重新初始化数据; |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com