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>`