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 >< select name = "area" ></ select >< br >

13	户 口 所 在 地：< select name = "province1" ></ select >< select name = "city1" ></ select >< select name = "area1" ></ select >< br >

14	工 作 所 在 地：< select name = "province2" ></ select >< select name = "city2" ></ select >< select name = "area2" ></ select >< br >

15

< br >

16	无　　默　　认：< select name = "province3" ></ select >< select name = "city3" ></ select >< select name = "area3" ></ select >< br >

17	默　　认　　省：< select name = "province4" ></ select >< select name = "city4" ></ select >< select name = "area4" ></ select >< br >

18	默　认　省　市：< select name = "province5" ></ select >< select name = "city5" ></ select >< select name = "area5" ></ select >< br >

19	默 认 省 市 区：< select name = "province6" ></ select >< select name = "city6" ></ select >< select name = "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 >