省市县插件PCASClass.js的使用

最新推荐文章于 2022-06-07 15:27:46 发布

Wake_me_Up123

最新推荐文章于 2022-06-07 15:27:46 发布

阅读量7.6k

点赞数 1

分类专栏： html jQuery js 文章标签：省市区三级联动控件

本文链接：https://blog.csdn.net/Wake_me_Up123/article/details/64921248

版权

本文介绍了如何利用PCASClass.js插件创建省市区三级联动的选择框。首先在HTML文件头部引入该插件，然后在需要的地方编辑选择框元素，最后通过script标签加载插件并应用。

摘要由CSDN通过智能技术生成

这里写图片描述

如上图，在制作“所在地区”时，可以使用插件PCASClass.js

引用PCASClass.js

在html文件的header部分引入此文件：

<script src="../PCASClass.js"></script>  //此处填写文件的路径

引入选择框

在需要使用省市县插件的地方编辑如下：

所在地区：
<select name="province" style="height:30px"></select>
<select name="city" style="height:30px"></select>
<select name="area" style="height:30px"></select>

再在html的最后，加载script对象，如下：

<script>
    new PCAS("province","city","area","安徽");
</script>

附源码：

<!--
/* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.01 完整版 *\

　制作时间:2005-12-30
　更新时间:2006-01-24
　数据修正:2006-08-17
　文档大小:18KB
　演示地址:http://www.popub.net/script/pcasunzip.html
　下载地址:http://www.popub.net/script/pcasunzip.js
　应用说明:页面包含<script type="text/javascript" src="pcasunzip.js"></script>
    省市联动
        new PCAS("Province","City")
        new PCAS("Province","City","吉林省")
        new PCAS("Province","City","吉林省","吉林市")
    省市地区联动
        new PCAS("Province","City","Area")
        new PCAS("Province","City","Area","吉林省")
        new PCAS("Province","City","Area","吉林省","松原市")
        new PCAS("Province","City","Area","吉林省","松原市","宁江区")
    省、市、地区对象取得的值均为实际值。
    注：省、市、地区提示信息选项的值为""(空字符串)

　感谢
　　　网友418528#gmail.com对数据进行的核实工作 2006-08-07

\*** 程序制作/版权所有:崔永祥(333) E-Mail:zhadan007@21cn.com 网址:http://www.popub.net ***/


SPT="--请选择省份--";
SCT="--请选择城市--";
SAT="--请选择地区--";
ShowT=1;        //提示文字 0:不显示 1:显示
PCAD="北京市$市辖区,东城区,西城区,崇文区,宣武区,朝阳区,丰台区,石景山区,海淀区,门头沟区,房山区,通州区,顺义区,昌平区,大兴区,怀柔区,平谷区|市辖县,密云县,延庆县#天津市$市辖区,和平区,河东区,河西区,南开区,河北区,