省市区三级联动插件CJPCD.zip

时间:2022-08-06 22:12:57
【文件属性】:

文件名称:省市区三级联动插件CJPCD.zip

文件大小:296KB

文件格式:ZIP

更新时间:2022-08-06 22:12:57

开源项目

简介CJPCD 是一款原生开源的 javascript 插件,用于生成省市区选择器,基本用法十分简单。使用方法最简单的使用只需要两个步骤:放置容器,引入依赖<!--存放省市区数据的三个 select--> <!--引入插件--> [removed][removed]调用方法var pcd = new CJPCD('province','city','district');效果如下图API初始化/**     provinceId :省份 select id     cityId     :城市 select id     districtId :县区 select id */ var pcd = new CJPCD(provinceId,cityId,districtId);设置初始值/**     provinceName :省份名称     cityName     :城市名称     districtName :县区名称     注意:前提是必须初始化 */ pcd.setUp('provinceName','cityName','districtName');eg:var pcd = new CJPCD('provinceId','cityId','districtId');//先初始化 pcd.setUp("广东省","广州市","越秀区");//设置值使用场景:设置值一般用于地址信息的修改重置pcd.reSet();获取值pcd.getValue('json');//指定以json对象返回 pcd.getValue();//默认以json对象返回,效果同上json 对象返回如下:{"province":"广东省","city":"广州市","district":"越秀区"};指定拼接成一定格式的字符串进行返回,以逗号为例(当然也可以使用其他字符串)pcd.getValue(',');//结果使用逗号拼接成字符串返回值如下"广东省,广州市,越秀区"补充说明如果业务中涉及多组地址选择,请创建多个 CJPCD 实例 如var pcd1 = new CJPCD(provinceId1,cityId1,districtId1); var pcd2 = new CJPCD(provinceId2,cityId2,districtId2); ... var pcdn = new CJPCD(provinceIdn,cityIdn,districtIdn);  标签:省市区三级联动


【文件预览】:
CJPCD-master
----.gitattributes(378B)
----API.html(8KB)
----README.md(2KB)
----dist()
--------cj-pcd-1.0.1.min.js(54KB)
--------cj-pcd-1.0.1.js(62KB)
----docs()
--------README.md(2KB)
--------CJPCD.gif(420KB)
--------001.png(23KB)
----.gitignore(649B)
----demo.html(5KB)

网友评论