JavaScript 省市县三级联动

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>

22	new PCAS("P1","C1");

23	new PCAS("P2","C2","吉林省");

24	new PCAS("P3","C3","江苏省","苏州市");

25

26	new PCAS("province","city","area","吉林省","白城市","大安市");

27	new PCAS("province1","city1","area1","吉林省","吉林市","龙潭区");

28	new PCAS("province2","city2","area2","江苏省","苏州市","沧浪区");

29

30	new PCAS("province3","city3","area3");

31	new PCAS("province4","city4","area4","江苏省");

32	new PCAS("province5","city5","area5","江苏省","苏州市");

33	new PCAS("province6","city6","area6","江苏省","苏州市","沧浪区");

34

</script>