省份,城市联动显示

最新推荐文章于 2020-10-12 16:08:29 发布
最新推荐文章于 2020-10-12 16:08:29 发布
阅读量4.4k 收藏
点赞数
分类专栏： JavaScript 文章标签： input action javascript numbers div border

<html>
<head>
<title>查询</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
input { font: 9pt "Tahoma","楷体_GB2312"; color: #0000CC}
select { font: 9pt "Tahoma","楷体_GB2312"; color: #0000CC}
td { font: 10pt "Tahoma","楷体_GB2312"; text-decoration: none}
-->
</style>

<script language=JavaScript>
<!--
ct = new Array();
ct[0] = "none";
//直辖市--北京 1,1
ct[1] = "北京";
//直辖市--上海 2,1
ct[2] = "上海";
//直辖市--天津 3,1
ct[3] = "天津";
//直辖市--重庆 4,1
ct[4] = "重庆";
//河北省的主要城市 5,10
ct[5] = "石家庄";
ct[6] = "保定";
ct[7] = "秦皇岛";
ct[8] = "邯郸";
ct[9] = "承德";
ct[10] = "廊坊";
ct[11] = "张家口";
ct[12] = "沧州";
ct[13] = "邢台";
ct[14] = "唐山";
//山西省的主要城市 15,10
ct[15] = "太原";
ct[16] = "长治";
ct[17] = "大同";
ct[18] = "临汾";
ct[19] = "山阴";
ct[20] = "忻州";
ct[21] = "阳泉";
ct[22] = "原平";
ct[23] = "泽州";
ct[24] = "太谷";
//内蒙古自治区的主要城市 25,10
ct[25] = "呼和浩特";
ct[26] = "包头";
ct[27] = "乌海";
ct[28] = "临河";
ct[29] = "东胜";
ct[30] = "赤峰";
ct[31] = "通辽";
ct[32] = "锡林浩特";
ct[33] = "乌兰浩特";
ct[34] = "海拉尔";
//辽宁省的主要城市";35,10
ct[35] = "沈阳";
ct[36] = "大连";
ct[37] = "鞍山";
ct[38] = "抚顺";
ct[39] = "本溪";
ct[40] = "丹东";
ct[41] = "锦州";
ct[42] = "营口";
ct[43] = "辽阳";
ct[44] = "铁岭";
//吉林省的主要城市;45,9
ct[45] = "长春";
ct[46] = "白城";
ct[47] = "松原";
ct[48] = "四平";
ct[49] = "吉林";
ct[50] = "辽源";
ct[51] = "白山";
ct[52] = "通化";
ct[53] = "延边";
//黑龙江省的主要城市;54,10
ct[54] = "哈尔滨";
ct[55] = "大庆";
ct[56] = "黑河";
ct[57] = "鸡西";
ct[58] = "佳木斯";
ct[59] = "牡丹江";
ct[60] = "嫩江";
ct[61] = "齐齐哈尔";
ct[62] = "绥化";
ct[63] = "伊春";
//江苏省的主要城市;64,12
ct[64] = "南京";
ct[65] = "苏州";
ct[66] = "无锡";
ct[67] = "常州";
ct[68] = "镇江";
ct[69] = "扬州";
ct[70] = "南通";
ct[71] = "徐州";
ct[72] = "连云港";
ct[73] = "淮阴";
ct[74] = "泰州";
ct[75] = "宿迁";
//浙江省的主要城市;76,10
ct[76] = "杭州";
ct[77] = "金华";
ct[78] = "宁波";
ct[79] = "温州";
ct[80] = "湖州";
ct[81] = "绍兴";
ct[82] = "嘉兴";
ct[83] = "台州";
ct[84] = "舟山";
ct[85] = "丽水";
//安徽省的主要城市;86,10
ct[86] = "合肥";
ct[87] = "芜湖";
ct[88] = "蚌埠";
ct[89] = "阜阳";
ct[90] = "淮南";
ct[91] = "淮北";
ct[92] = "六安";
ct[93] = "马鞍山";
ct[94] = "铜陵";
ct[95] = "安庆";
// 福建省的主要城市;96,9
ct[96] = "福州";
ct[97] = "厦门";
ct[98] = "泉州";
ct[99] = "漳州";
ct[100] = "龙岩";
ct[101] = "南平";
ct[102] = "宁德";
ct[103] = "莆田";
ct[104] = "三明";
//江西省的主要城市;105,10
ct[105] = "南昌";
ct[106] = "九江";
ct[107] = "新余";
ct[108] = "赣州";
ct[109] = "景德镇";
ct[110] = "上饶";
ct[111] = "抚州";
ct[112] = "宜春";
ct[113] = "吉安";
ct[114] = "鹰潭";
//山东省的主要城市;115,10
ct[115] = "济南";
ct[116] = "青岛";
ct[117] = "淄博";
ct[118] = "德州";
ct[119] = "烟台";
ct[120] = "潍坊";
ct[121] = "济宁";
ct[122] = "枣庄";
ct[123] = "日照";
ct[124] = "莱芜";
//河南省的主要城市;125,10
ct[125] = "洛阳";
ct[126] = "焦作";
ct[127] = "开封";
ct[128] = "南阳";
ct[129] = "平顶山";
ct[130] = "三门峡";
ct[131] = "商丘";
ct[132] = "许昌";
ct[133] = "郑州";
ct[134] = "驻马店";
//ct[134] = "鹤壁";
//湖北省的主要城市;135,10
ct[135] = "武汉";
ct[136] = "宜昌";
ct[137] = "十堰";
ct[138] = "咸宁";
ct[139] = "黄石";
ct[140] = "黄冈";
ct[141] = "襄阳";
ct[142] = "宜城";
ct[143] = "襄樊";
ct[144] = "荆州";
//湖南省的主要城市;145,10
ct[145] = "长沙";
ct[146] = "株洲";
ct[147] = "湘潭";
ct[148] = "常德";
ct[149] = "衡阳";
ct[150] = "岳阳";
ct[151] = "怀化";
ct[152] = "永州";
ct[153] = "自治洲";
ct[154] = "张家界";
//广东省的主要城市;155,8
ct[155] = "广州";
ct[156] = "深圳";
ct[157] = "佛山";
ct[158] = "湛江";
ct[159] = "汕头";
ct[160] = "珠海";
ct[161] = "从化";
ct[162] = "泰信";
//广西壮族自治区的主要城市;163,10
ct[163] = "南宁";
ct[164] = "百色";
ct[165] = "北海";
ct[166] = "北流";
ct[167] = "防城港";
ct[168] = "桂林";
ct[169] = "柳州";
ct[170] = "鹿寨";
ct[171] = "陆川";
ct[172] = "平果";
//海南省的主要城市;173,10
ct[173] = "海口";
ct[174] = "琼山";
ct[175] = "临高";
ct[176] = "文昌";
ct[177] = "昌江";
ct[178] = "白沙";
ct[179] = "琼中";
ct[180] = "三亚";
ct[181] = "陵水";
ct[182] = "琼海";
//四川省的主要城市;183,10
ct[183] = "成都";
ct[184] = "德阳";
ct[185] = "绵阳";
ct[186] = "攀枝花";
ct[187] = "泸州";
ct[188] = "南充";
ct[189] = "自贡";
ct[190] = "内江";
ct[191] = "乐山";
ct[192] = "西昌";
//贵州省的主要城市;193,7
ct[193] = "贵阳";
ct[194] = "安顺";
ct[195] = "都匀";
ct[196] = "六盘水";
ct[197] = "仁怀";
ct[198] = "兴义";
ct[199] = "遵义";
//云南主要城市;200,9
ct[200] = "昆明";
ct[201] = "大理";
ct[202] = "个";
ct[203] = "开远";
ct[204] = "丽江纳西族自治县";
ct[205] = "曲靖";
ct[206] = "西双版纳";
ct[207] = "宣威";
ct[208] = "玉溪";
//西藏自治区的主要城市;209,1
ct[209] = "拉萨";
//陕西省的主要城市;210,6
ct[210] = "西安";
ct[211] = "宝鸡";
ct[212] = "汉中";
ct[213] = "华阴";
ct[214] = "渭南";
ct[215] = "咸阳";
//甘肃主要城市;216,10
ct[216] = "兰州";
ct[217] = "天水";
ct[218] = "白银";
ct[219] = "金昌";
ct[220] = "酒泉";
ct[221] = "嘉峪关";
ct[222] = "平凉";
ct[223] = "陇南";
ct[224] = "甘南";
ct[225] = "定西 ";
//青海主要城市;226,10
ct[226] = "西宁市";
ct[227] = "海东地区";
ct[228] = "海西州";
ct[229] = "海北州";
ct[230] = "海南州";
ct[231] = "黄南州";
ct[232] = "玉树州";
ct[233] = "果洛州";
ct[234] = "格尔木市";
ct[235] = "德令哈市";
//宁夏自治区的主要城市;236,3
ct[236] = "银川";
ct[237] = "吴忠";
ct[238] = "石嘴山";
//新疆尔自治区的主要城市;239,6
ct[239] = "乌鲁木齐";
ct[240] = "阿勒泰";
ct[241] = "昌吉";
ct[242] = "呼图壁";
ct[243] = "克拉玛依";
ct[244] = "石河子";
//other--香港;245,1
ct[245] = "香港";
//other--澳门;246,1
ct[246] = "澳门";
// ---over


ctc = new Array(); // "ctc" means "the couter number of the cities code"
ctc[1]=1;ctc[2]=5;ctc[3]=15;ctc[4]=25;ctc[5]=35;ctc[6]=45;ctc[7]=54;ctc[8]=64;ctc[9]=76;ctc[10]=86;
ctc[11]=96;ctc[12]=105;ctc[13]=115;ctc[14]=125;ctc[15]=135;ctc[16]=145;ctc[17]=155;ctc[18]=163;ctc[19]=173;ctc[20]=183;ctc[21]=193;
ctc[22]=200;ctc[23]=209;ctc[24]=210;ctc[25]=216;ctc[26]=226;ctc[27]=236;ctc[28]=239;

ctn = new Array(); // "ctn" means "the numbers of the contents of the cities code"
ctn[1] = 4;ctn[2] = 10;ctn[3] = 10;ctn[4] = 10;ctn[5] = 10;ctn[6] = 9;ctn[7] = 10;ctn[8] = 12;
ctn[9] = 10;ctn[10] = 10;ctn[11] = 9;ctn[12] = 10;ctn[13] = 10;ctn[14] = 10;ctn[15] = 10;ctn[16] = 10;ctn[17] = 8;ctn[18] = 10;
ctn[19] = 10;ctn[20] = 10;ctn[21] = 7;ctn[22] = 9;ctn[23] = 1;ctn[24] = 6;ctn[25] = 10;ctn[26] = 10;ctn[27] = 3;ctn[28] = 6;

function provincedone(origin){
var num = origin.selectedIndex; thect = document.info.city;
if (num > 0) {

if (num == 1){
thect.options.length = 8
thect.options[0].text = " 请选择您最近的城市 ";
thect.options[0].value = "";

for (i=1;i<=4;i++){
thect.options[i].text = ct[ctc[num]+i-1]+"市";
thect.options[i].value = ct[ctc[num]+i-1]
}
for (i=1;i<=2;i++){
thect.options[i+4].text = ct[244+i]+"行政特区";
thect.options[i+4].value = ct[244+i]
}
thect.options[7].text = "台湾省";
thect.options[7].value = "台湾";

}else{
thect.options.length = ctn[num]+1
thect.options[0].text = " 请选择您最近的城市 "
thect.options[0].value = "";
for (i=1;i<=ctn[num];i++){
thect.options[i].text = ct[ctc[num]+i-1];
thect.options[i].value = ct[ctc[num]+i-1]
}
thect.options[0].selected = true;
}
}else{
thect.options.length = 1;
thect.options[0].text = "请先选定您居住的省份";
thect.options[0].value = "";
}
}


-->
</script>

</head>

<body bgcolor="#ffffff">
<p>      <font face="楷体_GB2312, Tahoma" color="#000066">请输入查询关键字
<可以多选> ：</font></p>
<p> </p>
<form method="post" action="class.asp" name="info" >
<table width="75%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#ff9900" width="90%" colspan="5"> </td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>
姓  名  :
</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<center>
<input name="name" style="HEIGHT: 20px; WIDTH: 108px">
</center>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>
班  级  :
</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<center>

</center>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>
年  龄  :
</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<center>

</center>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>
<CENTER>性  别  : </CENTER>

</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<center><SELECT name=Sex size=1
style="FONT-SIZE: 9pt"> <OPTION selected value="">请　选　择</OPTION> <OPTION
value=男>　　男　</OPTION> <OPTION value=女>　　女　</OPTION></SELECT>
</center>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>
所在省份 :
</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<div align="center">
<SELECT name=province οnchange=provincedone(this) size=1 style="HEIGHT: 20px; LEFT: 80px; TOP: 0px; WIDTH: 201px">
<OPTION selected 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>
</div>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="20%">
<center>城  市  :
</center>
</td>
<td bgcolor="#ffffff" width="150%" colspan="3">
<div align="center"><SELECT name=city size=1
style="HEIGHT: 20px; LEFT: 79px; TOP: 0px; WIDTH: 201px"
> <OPTION selected
value="">请先选定您居住的省份</OPTION></SELECT>
</div>
</td>
<td bgcolor="#ffffff" width="20%">
<center>
<font color="#ff0000">and   </font>
</center>
</td>
</tr>
<tr>
<td bgcolor="#ff9900" width="90%" colspan="5"> </td>
</tr>
</table>
<p>
<p>
<div align="right">
<input type="submit" name="action" value="查询">
             
</div>
</form>
</body>
</html>

 

抽象兔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp 省份、城市、城镇三级联动
hongmaohouzi的专栏
02-19 2407
二级数据保存到数组 Dim count2,cityRS,citySQL set cityRS=server.createobject("adodb.recordset") citySQL="select * from sys_city" cityRS.open citySQL,conn,1,1 %> var subval2 = new Array(); //数组结构：一级根值,二级根值,二级显
java城市数组_java数组
weixin_33480380的博客
02-16 294
Java 语言中提供的数组是用来存储固定大小的同类型元素。其实数组和python中的列表是一样的 ，但是声明和定义的是不一样但是意义是一样的数组本身是引用数据类型，而数组中的元素可以是任何数据类型，包括基本数据类型和引用数据类型创建数组对象会在内存地址中开辟一整块连续的空间，而数组名引用的是这块连续空间的首地址数组的程度一旦确定就不能更改我们可以直接通过下标(索引)的方式调用制定位置的元素，速度很...
UILocalizedIndexedCollation实现本地城市排序，分组显示
ios_xumin的专栏
10-12 444
//服务器返回的城市结果大概这样，列举其中一部分，但是显示的时候需要跟手机通讯录一样，abc那种分组的 { respDesc = "成功", cities = ( { siteld = 54, id = 255, fid = 76, node = "阿坝州", }, { siteld = 54, id = 394, fid = 76, node = "巴中市", }, { siteld = 56, id = 326, fid = 78, node = "保定", }, { siteld = 5, id =
Webfrom --中国直辖市三区联动
weixin_30897079的博客
07-19 101
效果图： （一）数据库操作方法： public class mydb { private MyDBDataContext context = new MyDBDataContext(); public List<ChinaStates> Select(string AreaCode)//将中国的表全部查询 { retur...
省份城市联动Demo
03-10
在iOS开发中，UIPickerView 是一个常用的组件，用于展示一系列可滚动的选择项，比如日期选择、时间选择或者像省份城市联动这样的分类选择。在这个"省份城市联动Demo"项目中，我们将深入探讨如何利用UIPickerView来...
js实现省份城市联动
06-16
在前端开发中，实现省份城市联动是一项常见的需求，它可以让用户在选择省份时，自动更新下拉框中的城市选项，提供更加友好的交互体验。本示例中，我们将深入探讨如何使用JavaScript来实现这一功能。 首先，我们需要...
jQuery 省份 城市 联动
09-07
这样，我们就实现了jQuery的省份城市联动效果。 值得注意的是，实际应用中可能还需要考虑异步加载数据的情况，例如从服务器获取JSON数据。这时，可以使用jQuery的`$.ajax`或`$.getJSON`方法来实现。此外，为了提供...
省份和城市联动Demo
03-19
在"省份和城市联动Demo"中，我们通常会设置两个组件，一个用于显示省份，另一个用于显示对应省份的城市。 UIPickerView的使用步骤通常包括以下几个部分： 1. **初始化UIPickerView**：在视图控制器的视图加载时...
jq城市联动
02-27
城市联动是指在一个下拉菜单（通常是HTML的select元素）中选择一个省份后，另一个下拉菜单会自动更新为该省份下的城市；接着，当城市被选中后，第三个下拉菜单则会显示所选城市下的区县。这种交互设计提高了用户体验...
自己动手丰衣足食之三级联动
weixin_34326179的博客
03-10 212
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
中国省份城市级联选择--asp.net
热门推荐
侯永奎
01-18 4万+
      上次写了使用JavaScript实现中国省份级联选择，但是有朋友不愿意写JavaScript，所以今天写了一个使用。net来实现的例子，当然省份和城市还是使用我的 生活百科 里面的中国省份城市列表 里面的数据。这样喜欢写c#的朋友可以试试。      最早的时候实现是把数据存入数据库，通过省份查询对应的城市，但是数据库代码写着太多，性能也不是很好，所以，最后使用xml文件来存放数据。Province.xml 文件代码
实现页面三级联动以及弹出隐藏框
u012453843的专栏
07-20 4708
首先让我们看下页面效果，其中的从事专业是三级联动，并且刚开始的时候只显示第一个下拉框，当选择某个专业后再显示选择第二个、第三个下拉框，这种效果用纯js来实现。感兴趣专业中那几个类似于超链接的学科（内科、外科学、妇产科学、儿科学）有个效果就是当点击汉字或者复选框的时候会弹出下一级如下图所示，这种效果也是用纯js实现。 接下来，我就把页面代码粘贴过来，以备以后查询、学习
根据选择下拉框选择省份动态显示城市
lengxin337的专栏
03-22 1万+
//ajax获取城市 public function ajaxfindcity(){ $province =intval($_GET['province']); $citylist = $GLOBALS['db']->getAll(" select * from ".DB_PREFIX."area where parent_id=$province"); $str = "=请选
js 省份城市实现二级联动效果
changten的博客
11-11 4191
var citys = new Array(); //一个二维数组，用于存储省市，依次对应 citys[1]=new Array("济南","青岛","烟台","济宁","德州","莱芜"); citys[2]=new Array("安庆","阜阳","合肥","马鞍山","芜湖"); citys[3]=new Array("北京");
选择省份时，自动显示对应省份的城市
weixin_34245169的博客
05-31 1725
在很多网页中，都会有让用户选择城市的选项，那么，就需要我们用js来实现，当用户选择了省份，自动选择对应省份的城市。 <head> <title></title> <meta http-equiv="content" content="text/html" charset="utf-8"/> ...
java 省份城市二级联动
最新发布
09-17
引用中提到了使用XML数据载体实现省份城市二级联动的具体代码，其中前台页面testProvince.jsp通过发送请求到服务器来现。引用中介绍了使用Map集合来保存省份和城市的映射关系，并通过选择省份来改变城市下拉选择框的内容。具体实现思路是创建一个LinkedHashMap对象，使用put()方法将省份和城市的映射关系添加到集合中。 下面是实现省份城市二级联动的伪代码： 1. 创建一个Map集合，用于保存省份和城市的映射关系。 2. 使用put()方法将省份和对应的城市信息添加到集合中。 3. 在前台页面中，使用JavaScript或Ajax等技术获取选中的省份信息。 4. 根据选中的省份，从Map集合中获取对应的城市信息。 5. 更新城市下拉选择框的内容，显示对应省份的城市列表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值