JavaScript 省市县三级联动

来源：互联网发布：java多线程技术编辑：程序博客网时间：2024/04/28 12:47

JavaScript 省市县三级联动

2010-03-16

效果演示

省市联动出生地：
所在地：
工作地：

省市地区联动出　　生　地：
户口所在地：
工作所在地：

无　　默　　认：
默　　认　　省：
默　认　省　市：
默认省市区：

示例代码下载

HTML 前端调用代码：

view source
print?
01<fieldset style="padding:5px;">
02<legend>省市联动</legend>
03出生地：<select name="P1"></select><select name="C1"></select><br>
04所在地：<select name="P2"></select><select name="C2"></select><br>
05工作地：<select name="P3"></select><select name="C3"></select><br>
06</fieldset>
07 
08<br>
09 
10<fieldset style="padding:5px;">
11<legend>省市地区联动</legend>
12出　　 生 　地：<select name="province"></select><select name="city"></select><selectname="area"></select><br>
13户 口 所 在 地：<select name="province1"></select><select name="city1"></select><selectname="area1"></select><br>
14工 作 所 在 地：<select name="province2"></select><select name="city2"></select><selectname="area2"></select><br>
15<br>
16无　　默　　认：<select name="province3"></select><select name="city3"></select><selectname="area3"></select><br>
17默　　认　　省：<select name="province4"></select><select name="city4"></select><selectname="area4"></select><br>
18默　认　省　市：<select name="province5"></select><select name="city5"></select><selectname="area5"></select><br>
19默 认 省 市 区：<select name="province6"></select><select name="city6"></select><selectname="area6"></select><br>
20</fieldset>
21<script language="javascript" defer>
22new PCAS("P1","C1");
23new PCAS("P2","C2","吉林省");
24new PCAS("P3","C3","江苏省","苏州市");
25 
26new PCAS("province","city","area","吉林省","白城市","大安市");
27new PCAS("province1","city1","area1","吉林省","吉林市","龙潭区");
28new PCAS("province2","city2","area2","江苏省","苏州市","沧浪区");
29 
30new PCAS("province3","city3","area3");
31new PCAS("province4","city4","area4","江苏省");
32new PCAS("province5","city5","area5","江苏省","苏州市");
33new PCAS("province6","city6","area6","江苏省","苏州市","沧浪区");
34</script>

0 0