<html>
<head>
<mce:script src="city.js" mce_src="city.js" language="javascript" type="text/javascript"></mce:script>
<mce:script type="text/javascript"><!--
// --></mce:script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function changeProvince(cityName) {
for(var i = 0;i<city.length;i++)
{
for(var j = 0;j<city[i].length;j++) {
var text = city[i][j].split("-");
if(cityName == text[1]) {
infoform.sf.options[i+1].selected = "selected";
changecity();
infoform.city.options[j].selected = "selected";
}
}
}
}
function changecity(){
index = infoform.sf.options.selectedIndex-1;
//registerform.(peBzzStudent.city).length = city[index].length;
document.getElementById('city').length = city[index].length;
for(var i = 0;i<city[index].length;i++)
{
var text = city[index][i].split("-");
infoform.city.options[i].text = text[0];
infoform.city.options[i].value =text[1];
}
}
var city = new Array(
new Array(
//"江苏省(全部地区）-江苏省(全部地区）",
"江阴市-江阴市",
"无锡市-无锡市",
"宜兴市-宜兴市",
"常州市-常州市",
"南京市-南京市",
"溧水县-溧水县",
"高淳县-高淳县",
"苏州市-苏州市",
"常熟市-常熟市",
"张家港市-张家港市",
"昆山市-昆山市",
"吴江市-吴江市",
"太仓市-太仓市",
"溧阳市-溧阳市",
"金坛市-金坛市",
"南通市-南通市",
"海安县-海安县",
"如东县-如东县",
"启东市-启东市",
"如皋市-如皋市",
"通州市-通州市",
"海门市-海门市",
"镇江市-镇江市",
"丹阳市-丹阳市",
"扬中市-扬中市",
"句容市-句容市",
"徐州市-徐州市",
"丰县-丰县",
"沛县-沛县",
"铜山县-铜山县",
"睢宁县-睢宁县",
"新沂市-新沂市",
"邳州市-邳州市",
"连云港市-连云港市",
"赣榆县-赣榆县",
"东海县-东海县",
"灌云县-灌云县",
"淮安市-淮安市",
"涟水县-涟水县",
"洪泽县-洪泽县",
"盱眙县-盱眙县",
"金湖县-金湖县",
"盐城市-盐城市",
"响水县-响水县",
"滨海县-滨海县",
"阜宁县-阜宁县",
"射阳县-射阳县",
"建湖县-建湖县",
"盐都县-盐都县",
"东台县-东台县",
"大丰市-大丰市",
"扬州市-扬州市",
"宝应县-宝应县",
"仪征县-仪征县",
"高邮市-高邮市",
"江都市-江都市",
"宿迁市-宿迁市",
"宿豫县-宿豫县",
"沭阳县-沭阳县",
"泗阳县-泗阳县",
"泗洪县-泗洪县",
"泰州市-泰州市",
"兴化市-兴化市",
"靖江市-靖江市",
"泰兴市-泰兴市",
"姜堰市-姜堰市"),
new Array("北京-北京"),
new Array("天津-天津"),
new Array("上海-上海"),
new Array("重庆-重庆"),
new Array(
//"广东省 (全部地区）-广东省 (全部地区）",
"广州-广州",
"深圳-深圳",
"东莞-东莞",
"中山-中山",
"佛山-佛山",
"珠海-珠海",
"惠州-惠州",
"汕头-汕头",
"湛江-湛江",
"潮州-潮州",
"潮阳-潮阳",
"江门-江门",
"汕尾-汕尾",
"茂名-茂名",
"阳江-阳江",
"肇庆-肇庆",
"梅州-梅州",
"云浮-云浮",
"清远-清远",
"韶关-韶关",
"河源-河源",
"揭阳-揭阳",
"其他-其他"),
new Array(
//"浙江省(全部地区）-浙江省(全部地区）",
"杭州-杭州",
"宁波-宁波",
"温州-温州",
"金华-金华",
"义乌-义乌",
"绍兴-绍兴",
"湖州-湖州",
"余姚-余姚",
"临海-临海",
"萧山-萧山",
"临安-临安",
"诸暨-诸暨",
"嵊泗-嵊泗",
"兰溪-兰溪",
"嘉兴-嘉兴",
"海宁-海宁",
"桐乡-桐乡",
"衢州-衢州",
"上虞-上虞",
"嵊州-嵊州",
"慈溪-慈溪",
"丽水-丽水",
"瓯海-瓯海",
"黄岩-黄岩",
"椒江-椒江",
"其他-其他"),
new Array(
//"福建省(全部地区）-福建省(全部地区）",
"福州-福州",
"厦门-厦门",
"泉州-泉州",
"漳州-漳州",
"石狮-石狮",
"三明-三明",
"南平-南平",
"莆田-莆田",
"永安-永安",
"邵武-邵武",
"龙岩-龙岩",
"其他-其他"),
new Array(
//"湖南省(全部地区）-湖南省(全部地区）",
"长沙 -长沙",
"湘潭-湘潭",
"岳阳 -岳阳",
"株洲-株洲",
"张家界-张家界",
"衡阳-衡阳",
"郴州-郴州",
"湘乡-湘乡",
"汨罗-汨罗",
"常德-常德",
"津市-津市",
"吉首-吉首",
"娄底-娄底",
"涟源-涟源",
"冷水江-冷水江",
"怀化-怀化",
"洪江-洪江",
"益阳 -益阳",
"耒阳-耒阳",
"邵阳-邵阳",
"永州-永州",
"冷水滩-冷水滩",
"其他-其他"),
new Array(
//"湖北省(全部地区）-湖北省(全部地区）",
"武汉-武汉",
"宜昌-宜昌",
"孝感-孝感",
"荆州-荆州",
"襄樊-襄樊",
"老河口-老河口",
"枝城-枝城",
"枣阳-枣阳",
"荆门-荆门",
"宜城-宜城",
"黄石-黄石",
"鄂州-鄂州",
"黄冈-黄冈",
"咸宁-咸宁",
"武穴-武穴",
"蒲昕-蒲昕",
"麻城-麻城",
"十堰-十堰",
"恩施-恩施",
"丹江口-丹江口",
"利川-利川",
"天门-天门",
"汉川-汉川",
"洪湖-洪湖",
"应城-应城",
"潜江-潜江",
"安陆-安陆",
"仙桃-仙桃",
"随州-随州",
"石首-石首",
"其他-其他"),
new Array(
//"山东省(全部地区）-山东省(全部地区）",
"济南-济南",
"青岛-青岛",
"烟台-烟台",
"淄博-淄博",
"潍坊 -潍坊",
"临沂-临沂",
"莱芜-莱芜",
"济宁-济宁",
"荷泽-荷泽",
"日照-日照",
"藤州-藤州",
"聊城-聊城",
"德州-德州",
"滨州-滨州",
"临清-临清",
"青州 -青州",
"威海-威海",
"泰安-泰安",
"新泰-新泰",
"曲阜-曲阜",
"东营-东营",
"诸城-诸城",
"枣庄-枣庄",
"其他-其他"),
new Array(
//"辽宁省(全部地区）-辽宁省(全部地区）",
"沈阳-沈阳",
"铁岭-铁岭",
"抚顺-抚顺",
"大连-大连",
"本溪-本溪",
"营口-营口",
"锦州-锦州",
"兴城-兴城",
"北票-北票",
"盘锦-盘锦",
"辽阳-辽阳",
"铁法 -铁法",
"鞍山-鞍山",
"瓦房店-瓦房店",
"丹东-丹东",
"锦西-锦西",
"朝阳-朝阳",
"阜新-阜新",
"海城-海城",
"其他-其他"),
new Array(
//"吉林省 (全部地区）-吉林省 (全部地区）",
"长春-长春",
"吉林-吉林",
"通化-通化",
"扶余-扶余",
"桦甸-桦甸",
"延吉-延吉",
"图门-图门",
"龙井-龙井",
"敦化-敦化",
"集安-集安",
"浑江-浑江",
"梅河口-梅河口",
"四平-四平",
"公主岭-公主岭",
"辽源-辽源",
"白城-白城",
"洮南-洮南",
"九台-九台",
"其他-其他"),
new Array(
//"云南省(全部地区）-云南省(全部地区）",
"昆明-昆明",
"曲靖-曲靖",
"大理-大理",
"玉溪-玉溪",
"丽江-丽江",
"楚雄-楚雄",
"开远-开远",
"迪庆-迪庆",
"东川-东川",
"照通-照通",
"个旧-个旧",
"保山-保山",
"文山-文山"),
new Array(
//"四川省(全部地区）-四川省(全部地区）",
"成都-成都",
"宜宾-宜宾",
"泸州-泸州",
"内江-内江",
"攀枝花-攀枝花",
"西昌-西昌",
"德阳-德阳",
"雅安-雅安",
"遂宁-遂宁",
"南充-南充",
"绵阳-绵阳",
"广元 -广元",
"马尔康-马尔康",
"达县-达县",
"华鉴-华鉴",
"自贡-自贡",
"乐山-乐山",
"其他-其他"),
new Array(
//"安徽省(全部地区）-安徽省(全部地区）",
"合肥-合肥",
"芜湖-芜湖",
"马鞍山-马鞍山",
"蚌埠-蚌埠",
"铜陵-铜陵",
"淮北-淮北",
"淮南-淮南",
"亳州-亳州",
"巢湖-巢湖",
"黄山-黄山",
"歙县-歙县",
"宿州-宿州",
"阜阳-阜阳",
"六安-六安",
"滁州-滁州",
"宣州-宣州",
"黄山-黄山",
"安庆-安庆",
"其他-其他"),
new Array(
//"江西省(全部地区）-江西省(全部地区）",
"南昌-南昌",
"德镇-德镇",
"九江-九江",
"鹰潭-鹰潭",
"宜春-宜春",
"新余-新余",
"萍乡-萍乡",
"赣州-赣州",
"吉安-吉安",
"井冈山-井冈山",
"抚州-抚州",
"临川-临川",
"上饶-上饶",
"其他-其他"),
new Array(
//"黑龙江省(全部地区）-黑龙江省(全部地区）",
"哈尔滨-哈尔滨",
"佳木斯-佳木斯",
"牡丹江-牡丹江",
"大庆-大庆",
"齐齐哈尔-齐齐哈尔",
"阿城-阿城",
"肇东-肇东",
"绥化-绥化",
"伊春-伊春",
"鹤岗-鹤岗",
"七台河-七台河",
"双鸭-双鸭",
"同江-同江",
"绥汾河-绥汾河",
"鸡西-鸡西",
"北安-北安",
"黑河-黑河",
"五大连池-五大连池"),
new Array(
//"河北省(全部地区）-河北省(全部地区）",
"石家庄-石家庄",
"邯郸-邯郸",
"保定-保定",
"张家口-张家口",
"秦皇岛-秦皇岛",
"辛集-辛集",
"邢台-邢台",
"泊头-泊头",
"唐山-唐山",
"北戴河-北戴河",
"廊坊-廊坊",
"定州-定州",
"南宫-南宫",
"衡水-衡水",
"沙河-沙河",
"沧州-沧州",
"任丘-任丘",
"承德-承德",
"涿州-涿州",
"其他-其他"),
new Array(
//"陕西省(全部地区）-陕西省(全部地区）",
"西安-西安",
"咸阳-咸阳",
"宝鸡-宝鸡",
"铜川-铜川",
"渭南-渭南",
"延安-延安",
"汉中 -汉中",
"韩城-韩城",
"其他-其他"),
new Array(
//"海南省(全部地区）-海南省(全部地区）",
"海口-海口",
"三亚-三亚",
"琼海-琼海",
"通什-通什",
"其他-其他"),
new Array(
//"河南省(全部地区）-河南省(全部地区）",
"郑州-郑州",
"洛阳-洛阳",
"开封-开封",
"鹤壁-鹤壁",
"焦作-焦作",
"许昌-许昌",
"驻马店-驻马店",
"周口-周口",
"新乡-新乡",
"安阳-安阳",
"濮阳-濮阳",
"漯河-漯河",
"信阳-信阳",
"平顶山-平顶山",
"三门峡-三门峡",
"南阳-南阳",
"商丘-商丘",
"义马 -义马",
"其他-其他"),
new Array(
//"山西省(全部地区）-山西省(全部地区）",
"太原-太原",
"大同-大同",
"忻州-忻州",
"临汾-临汾",
"运城-运城",
"长治-长治",
"榆次-榆次",
"侯马-侯马",
"阳泉-阳泉",
"晋城-晋城",
"其他-其他"),
new Array(
//"内蒙古自治区（全部地区）-内蒙古自治区（全部地区）",
"呼和浩特-呼和浩特",
"赤峰-赤峰",
"包头-包头",
"二连浩特-二连浩特",
"临河-临河",
"东胜-东胜",
"洲里-洲里",
"乌兰浩特-乌兰浩特",
"霍林郭勒-霍林郭勒",
"集宁-集宁",
"乌海-乌海",
"海拉尔-海拉尔",
"牙克石-牙克石",
"锡林浩特-锡林浩特",
"通辽-通辽",
"扎兰屯-扎兰屯",
"其他-其他"),
new Array(
//"广西壮族自治区（全部地区）-广西壮族自治区（全部地区）",
"南宁-南宁",
"桂林 -桂林",
"北海-北海",
"柳州-柳州",
"玉林-玉林",
"百色-百色",
"河池-河池",
"凭祥-凭祥",
"钦州-钦州",
"梧州-梧州",
"合山-合山",
"其他-其他"),
new Array(
//"贵州省（全部地区）-贵州省（全部地区）",
"贵阳-贵阳",
"遵义-遵义",
"铜仁-铜仁",
"都匀-都匀",
"兴义 -兴义",
"赤水-赤水",
"六盘水-六盘水",
"凯里-凯里",
"安顺-安顺",
"其他-其他"),
new Array(
//"宁夏回族自治区（全部地区）-宁夏回族自治区（全部地区）",
"银川-银川",
"青铜峡-青铜峡",
"吴忠-吴忠",
"石嘴山-石嘴山",
"其他-其他"),
new Array(
//"青海省（全部地区）-青海省（全部地区）",
"西宁-西宁",
"格尔木-格尔木",
"共和-共和",
"德令哈-德令哈",
"其他-其他"),
new Array(
//"疆维吾尔自治区（全部地区）-疆维吾尔自治区（全部地区）",
"乌鲁木齐-乌鲁木齐",
"石河子-石河子",
"拉玛依-拉玛依",
"博乐-博乐",
"塔城-塔城",
"阿勒泰-阿勒泰",
"哈密-哈密",
"阿克苏-阿克苏",
"阿图什-阿图什",
"昌吉-昌吉",
"奎屯-奎屯",
"伊宁-伊宁",
"吐鲁番-吐鲁番",
"库尔勒-库尔勒",
"喀什-喀什",
"和田-和田",
"其他-其他"),
new Array(
//"西藏自治区（全部地区）-西藏自治区（全部地区）",
"拉萨-拉萨",
"日喀则-日喀则",
"其他-其他"),
new Array(
//"甘肃省（全部地区）-甘肃省（全部地区）",
"兰州-兰州",
"酒泉-酒泉",
"临夏-临夏",
"张掖-张掖",
"峪关-峪关",
"金昌-金昌",
"平凉-平凉",
"白银-白银",
"武威-武威",
"玉门-玉门",
"天水-天水",
"西峰-西峰",
"其他-其他"),
new Array(
//"台湾省（全部地区）-台湾省（全部地区）",
"台北-台北",
"台中-台中",
"基隆-基隆",
"台南-台南",
"其他-其他"),
new Array("香港特别行政区-香港特别行政区"),
new Array("澳门特别行政区-澳门特别行政区"),
new Array("国外-国外")
);
</script>
</head>
<body onload="changeProvince()">
<input type="button" onclick="changeProvince('江门')" value="change">
<form name="infoform">
<select name="sf" onchange="changecity()" >
<option selected>选择省份</option>
<option value="江苏省">江苏省</option>
<option value="北京">北京</option>
<option value="天津">天津</option>
<option value="上海">上海</option>
<option value="重庆">重庆</option>
<option value="广东省">广东省</option>
<option value="浙江省">浙江省</option>
<option value="福建省">福建省</option>
<option value="湖南省">湖南省</option>
<option value="湖北省">湖北省</option>
<option value="山东省">山东省</option>
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="云南省">云南省</option>
<option value="四川省">四川省</option>
<option value="安徽省">安徽省</option>
<option value="江西省">江西省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="河北省">河北省</option>
<option value="陕西省">陕西省</option>
<option value="海南省">海南省</option>
<option value="河南省">河南省</option>
<option value="山西省">山西省</option>
<option value="内蒙古">内蒙古</option>
<option value="广西">广西</option>
<option value="贵州省">贵州省</option>
<option value="宁夏">宁夏</option>
<option value="青海省">青海省</option>
<option value="新疆">新疆</option>
<option value="西藏">西藏</option>
<option value="甘肃省">甘肃省</option>
<option value="台湾省">台湾省</option>
<option value="香港">香港</option>
<option value="澳门">澳门</option>
<option value="国外">国外</option>
</select>
城市：
<select name="peStudent.city" id="city" style="width:80">
<option>所在城市</option>
</select>
</form>
</body>
</html>
highfly-s
- 浏览: 100826 次
- 性别:
- 来自: 北京
-
最新评论
-
_大大大雄：
关于这个应用, 有些东西想要请教下您行么?
jsp 权限过滤器的应用 -
jptiancai：
博主，看了博客，收获很多，这个例子运行的时候，会报下面的错误： ...
jsp 权限过滤器的应用
分享到：
发表评论
-
backbone学习资料
2015-07-20 16:37 661理论知识 backbone.js 初探http://we ... -
解析目录树
2015-06-19 19:31 503<ul id="test"> ... -
csv生成
2015-06-19 19:29 639<head> <meta -
网站性能优化解决方案
2015-06-15 14:40 756最近通过查阅资料，发现了一些其他可以提高性能优化的方案1. 使 ... -
八种创建等高列布局
2015-01-04 17:11 594高度相等列在Web页面设计中永远是一个网页设计师的需求。如果 ... -
多次调用同一异步方法体会出现使用相同的属性值问题
2014-11-27 17:56 1705《一》执行同一个方法体，里面有异步的逻辑代码，如果这个异步 ... -
时间的计算
2014-11-19 14:42 599using System; namespace Be ... -
async when then
2014-11-14 11:45 678function test1(){ var def ... -
异步并行串行编程 when
2014-11-14 11:40 727var data = { "51": ... -
HTML 与javascript自解码机制
2014-02-19 14:41 1279关于这个自解码机制，我们直接以一个例子（样例0）来进行说明： ... -
三列百分之比布局
2014-02-11 13:56 665三列布局自适应 -
JSp生重复提交解决方法
2014-01-08 15:42 712看了网上的，有几种方法： 1 在你的表单页里HEAD区加入这段 ... -
AMD 和 CMD 的区别有哪些？
2013-12-25 11:37 739AMD 是 RequireJS 在推广过程中对模块定义的规范化 ... -
firefox 专属css hack
2013-12-20 15:50 708之前只有ie6、ie6、firefox时,只要写!impo ... -
自适应网页设计
2013-11-29 10:39 793一、简单描述：随着移 ... -
跨浏览器兼容性总结
2013-11-25 10:16 3474一、 CSS样式兼容 1. F ... -
IE6 PNG背景透明解决方法（汇总）
2013-10-31 18:25 674IE6 PNG背景透明解决方法（汇总） 方法一： IE6 ... -
兼容IE6 min-width 的CSS 样式
2013-10-23 19:12 884IE6另外一个bug就是它不支持 min-width 属性. ... -
IE6 position:fixed bug (固定窗口方法)
2013-10-23 17:26 806今天herb同 学在twitter上 ... -
不确定图片大小让元素水平垂直居中
2013-10-23 16:53 776<!DOCTYPE html PUBLIC " ...
相关推荐
在本项目中，layui被用来创建一个单选级联的地区选择器，适用于用户在填写表单时选择省市区信息。这个功能对于电子商务网站、预约服务、地址管理等场景非常实用，因为它可以确保用户输入的地址信息准确且结构化。 ...
省市区镇 级联 js vue 省市区镇 级联 js vue 省市区镇 级联 js vue
大数据局省市区街道四级级联数据。适用于辅助地址填写
全国省市区镇乡村五级联动的数据集包含了中国所有行政区域的信息，包括省份、城市、区县、城镇以及社区，覆盖了从最顶级的行政级别到最基层的社区级别。 此资源提供了两种格式的数据库脚本：一种是将五级数据分别...
标题 "级联省市区" 指的是在Web开发中实现的一种常见的用户界面功能，它允许用户在选择省份后，自动加载并显示对应的市、区（县）的下拉列表，而无需页面刷新。这种功能通常用于地址输入或地理位置相关的表单中，以...
中国有34个省级行政区（包括23个省、5个自治区、4个直辖市、2个特别行政区），每个省下面又有多个地级市，地级市下又包含若干个县级行政单位（县、市辖区、自治县、旗等）。在级联菜单中，用户首先选择省份，接着...
excel省市区级联的作法，请大家多多指教，下一个版本下次再出
在网页开发中，"省市区无刷新级联"是一种常见的用户界面交互设计，它允许用户在选择省份后，市和区的下拉列表会自动更新，而无需整个页面重新加载。这种功能提高了用户体验，减少了不必要的数据传输，提升了网页性能...
通过以上分析可以看出，这份“sql数据库省市区表级联文件”旨在提供一种便捷的方式来管理和维护省市区的数据，通过合理的表设计和SQL操作，可以大大减少数据维护的工作量，提高数据管理的效率。
在IT行业中，尤其是在前端开发领域，经常需要处理各种交互效果，其中之一就是省市区三级级联。这个功能在网站注册、地址填写等场景中非常常见，它允许用户按顺序选择省份、城市和区县，以便精确地输入地址信息。在本...
2020-06 iview级联选择器-省市区三级联动js文件下载 2020-06 iview级联选择器-省市区三级联动js文件下载
级联数据测试 国内省市区级联 mysql数据库
省市区编码三级级联json，省市区三级编码，名称 json
vue级联选择器省市和省市区数据
省市区sql文件 单表
标题中的“esayui-全国城市省市区三级级联”是指一个使用EasyUI和jQuery库开发的前端组件，主要用于实现中国地区（省、市、区）的三级联动选择功能。EasyUI是一个基于jQuery的轻量级JavaScript框架，它提供了一系列...
应用Ajax实现的级联省市，目前实现二级级联，可以根据需求自己添加。Ajax的重构使代码少量化，简单化，可读性大大提高。使用时，请使用Myeclipse+tomcat打开，因为涉及到servlet的应用。
以一个国标的行政区划码的xml文件为例子，展示省市县三级联动，菜单的初始值在html的hidden字段设置了山东省-青岛市-平度市。 你可以把他换成你需要xml文件，或者xml字符串既可以得到随意的三级联动菜单。
现成的省市区三级地区级联json数据，json代码格式工整简明，便于开发者阅读和使用，开箱即用！ 现成的省市区三级地区级联json数据，json代码格式工整简明，便于开发者阅读和使用，开箱即用！
本话题将详细介绍如何使用select2来实现一个具有省市区三级联动效果的下拉菜单。 首先，我们要理解什么是“级联”或“联动”。在前端开发中，级联通常指的是一个下拉菜单的选择会影响另一个下拉菜单的选项。在这种...