一：对文章关键字的搜索（数组的方法）：
鄢陵ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！
!DOCTYPE html
html
head
meta charset="utf-8" /
title/title
style type="text/css"
#search{
height:40px;width: 200px;font-size: 30px;text-align: center;
}
#div {
font-size: 20px;width: 600px;
}
#div span{
color: red;
}
/style
/head
body
input type="text" name="search" id="search" value="馋" onclick="this.value='' "/
input type="button" name="" id="bbtn" value="搜索" /
div id="div"
p馋，在英文里找不到一个十分适当的字。罗马暴君尼禄，以至于英国的亨利八世，在大宴群臣的时候，常见其撕下一根根又粗又壮的鸡腿，举起来大嚼，旁若无人，好一副饕餮相！但那不是馋。埃及废王法鲁克，据说每天早餐一口气吃二十个荷包蛋，也不是馋，只是放肆，只是没有吃相。对有某一种食物有所偏好，于是大量的吃，这是贪多无厌。馋，则着重在食物的质，最需要满足的是品味。上天生人，在他嘴里安放一条舌，舌上还有无数的味蕾，教人焉得不馋？馋，基于生理的要求；也可以发展成为近于艺术的趣味。
也许我们中国人特别馋一些。馋字从食，有声。毚音谗，本义是狡兔，善于奔走，人为了口腹之欲，不惜多方奔走以膏馋吻，所谓“为了一张嘴，跑断两条腿”。/p
/div
script type="text/javascript"
var bbtn=document.getElementById('bbtn');
var search=document.getElementById('search');
var text=document.getElementsByTagName('p')[0];
var text1=text.innerHTML;
var arr=[];
var str=text1;
bbtn.onclick=function(){
str=text1
arr=search.value;
str=str.split(arr).join('span'+arr+'/span');
text.innerHTML=str;
}
/script
/body
/html
二：对li表单的搜索：
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
style type="text/css"
*{
padding: 0;margin: 0;
}
#content{
margin: 100px 300px;display: block;
}
input{
height: 50px;width: 400px;font-size: 30px;line-height: 50px;
}
ul{
}
li{
margin:10px 0px;display: block;
}
/style
/head
body
div id="content"
ul
input type="" name="" id="" value="" placeholder="请输入城市的名称或拼音"/
li pname="北京" cname="bj"北京/li
li pname="株洲" cname="zz"株洲/li
li pname="上海" cname="sh"上海/li
li pname="长沙" cname="cs"长沙/li
li pname="杭州" cname="hz"杭州/li
li pname="天津" cname="tj"天津/li
li pname="西安" cname="xa"西安/li
li pname="成都" cname="cd"成都/li
li pname="武汉" cname="wh"武汉/li
li pname="南京" cname="nj"南京/li
/ul
/div
script type="text/javascript"
var li=document.getElementsByTagName('li');
var text=document.getElementsByTagName('input')[0];
function search(){
var arr=text.value;
for(var i=0;ili.length;i++)
{
li[i].style.display="none";
if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)
{
li[i].style.display="block";
}
}
}
text.oninput=function(){
search();
}
/script
/body
/html
这个是我国的各省的城市选择网页,你可以按自己的要求进行一些改动.
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title省份选城市/title
style type="text/css"
!--
form{margin:0;padding:0;}
img{border:0;}
body,select,input,td{ font-family:宋体,Arial; font-size: 12px; font-family: Arial; margin-top: 2px;}
#hd{clear:both;width:700px;margin:0 auto;margin-bottom:.5em;padding:.5em 0 0 0;}
.rlcon a{text-decoration:none;margin-left:.3em;}
.mcon,.lpanel,.panel{text-align:left;}
.lg{float:left;width:185px;padding:.5em 0;}
.rl{float:right;width:100%;margin:0 0 0 -30em;}
.rlcon{text-align:right;height:32px;margin:0 0 0 190px;color:#b8b8b8;border-bottom:1px solid #b5b5b5;overflow:hidden;line-height:45px;}
#lcon{float:left;width:180px;}
#mcon{float:right;width:100%;margin:0 0 0 -20em;}
.mcon{margin:0 0 0 190px;width:570px;}
.xb{border-top:1px solid transparent !important;border-top:0;clear:both;}
#footer {margin:0 auto;width:740px;text-align:center;font-size:12px;height:30px;line-height:30px;border-top:1px solid #666;}
table{clear:both;text-align:left;}
#tip{clear:both;margin:0 auto;width:500px;background-color:#ffffe1;border:1px solid #ACA899;padding:1em;margin:1em;text-align:left;color:#ff0000;}
#tip #cancel{float:right;}
#tip ul{display:block;margin:0;padding:0;list-style-type:none;}
#tip ul li{float:left;width:220px;line-height:1.5em;background-color:#ffffe1;}
#hidenbox{border-top:1px solid transparent !important;border-top:0;clear:both;}
.bnt14{font-size:13px;font-family:宋体,Arial;line-height:18px;height:25px;}
--
/style
/head
html
body
center
form name="personalorder" action="preferences" method="POST"
div id="hd"
TABLE height=20 cellSpacing=0 cellPadding=0 width=714 align=center
border=0
TBODY
TR
TD height="60" vAlign=center DIV class=s5 align=center选择省市:
select name="prov" onchange="setInd(this)"
option value=0不预定/optionoption value=8610北京/optionoption value=8621上海/optionoption value=8622天津/optionoption value=8623重庆/optionoption value=86311河北/optionoption value=8625江苏/optionoption value=86571浙江/optionoption value=8620广东/optionoption value=86351山西/optionoption value=8624辽宁/optionoption value=86431吉林/optionoption value=86451黑龙江/optionoption value=86551安徽/optionoption value=86591福建/optionoption value=86791江西/optionoption value=86531山东/optionoption value=86371河南/optionoption value=8627湖北/optionoption value=86731 selected湖南/optionoption value=8628四川/optionoption value=86851贵州/optionoption value=86871云南/optionoption value=8629陕西/optionoption value=86931甘肃/optionoption value=86971青海/optionoption value=86471内蒙古/optionoption value=86771广西/optionoption value=86898海南/optionoption value=86891西藏/optionoption value=86951宁夏/optionoption value=86991新疆/optionoption value=88610台湾/optionoption value=85210香港/optionoption value=85310澳门/option/SELECT
选择城市：
SELECT name=locid
OPTION value=86731731长沙/OPTIONOPTION value=86731730岳阳/OPTIONOPTION value=86731732湘潭/OPTIONOPTION value=86731733株洲/OPTIONOPTION value=86731734衡阳/OPTIONOPTION value=86731735郴州/OPTIONOPTION value=86731736常德/OPTIONOPTION value=86731737益阳/OPTIONOPTION value=86731738娄底/OPTIONOPTION value=86731739邵阳/OPTIONOPTION value=86731743 selected吉首/OPTIONOPTION value=86731745怀化/OPTIONOPTION value=86731746永州/OPTION
/SELECT
/DIV
script
function cls_inpt(){
var _inpt=document.getElementsByTagName("input");
for(var i=0;i_inpt.length;i++){
if(_inpt[i].name.indexOf('stockid')=0 ||_inpt[i].name.indexOf('showname')=0 ||_inpt[i].name.indexOf('stockname')=0){
_inpt[i].value='';
}
}
return false;
}
cityarray0 = new Array(
"0;不预定");
cityarray8610 = new Array(
"861010;北京");
cityarray8621 = new Array(
"862121;上海");
cityarray8622 = new Array(
"862222;天津");
cityarray8623 = new Array(
"862323;重庆",
"86232314;万州",
"8623810;涪陵");
cityarray86311 = new Array(
"86311311;石家庄",
"86311310;邯郸",
"86311312;保定",
"86311313;张家口",
"86311314;承德",
"86311315;唐山",
"86311316;廊坊",
"86311317;沧州",
"86311318;衡水",
"86311319;邢台",
"86311335;秦皇岛");
cityarray8625 = new Array(
"862525;南京",
"8625510;无锡",
"8625511;镇江",
"8625512;苏州",
"8625513;南通",
"8625514;扬州",
"8625515;盐城",
"8625516;徐州",
"8625517;淮安",
"862551701;淮阴",
"8625518;连云港",
"8625519;常州",
"8625523;泰州",
"8625527;宿迁");
cityarray86571 = new Array(
"86571571;杭州",
"86571570;衢州",
"86571572;湖州",
"86571573;嘉兴",
"86571574;宁波",
"86571575;绍兴",
"86571576;台州",
"86571577;温州",
"86571578;丽水",
"86571579;金华",
"86571580;舟山");
cityarray8620 = new Array(
"862020;广州",
"8620660;汕尾",
"8620662;阳江",
"8620663;揭阳",
"8620668;茂名",
"8620750;江门",
"8620751;韶关",
"8620752;惠州",
"8620753;梅州",
"8620754;汕头",
"8620755;深圳",
"8620756;珠海",
"8620757;佛山",
"8620758;肇庆",
"8620759;湛江",
"8620760;中山",
"8620762;河源",
"8620763;清远",
"8620766;云浮",
"8620768;潮州",
"8620769;东莞");
cityarray86351 = new Array(
"86351351;太原",
"86351349;朔州",
"86351350;忻州",
"86351352;大同",
"86351353;阳泉",
"86351354;榆次",
"86351355;长治",
"86351356;晋城",
"86351357;临汾",
"86351358;吕梁",
"86351359;运城");
cityarray8624 = new Array(
"862424;沈阳",
"8624410;铁岭",
"8624411;大连",
"8624412;鞍山",
"8624413;抚顺",
"8624414;本溪",
"8624415;丹东",
"8624416;锦州",
"8624417;营口",
"8624418;阜新",
"1378819;辽阳",
"8624421;朝阳",
"8624427;盘锦",
"8624429;葫芦岛");
cityarray86431 = new Array(
"86431431;长春",
"86431432;吉林",
"86431434;四平",
"86431435;通化",
"86431436;白城",
"86431437;辽源",
"86431438;松原",
"86431439;白山");
cityarray86451 = new Array(
"86451451;哈尔滨",
"86451452;齐齐哈尔",
"86451453;牡丹江",
"86451454;佳木斯",
"86451455;绥化",
"86451456;黑河",
"86451458;伊春",
"86451459;大庆",
"86451464;七台河",
"86451467;鸡西",
"86451468;鹤岗",
"86451469;双鸭山",
"86451470;大兴安岭");
cityarray86551 = new Array(
"86551551;合肥",
"86551550;滁州",
"86551552;蚌埠",
"86551553;芜湖",
"86551554;淮南",
"86551555;马鞍山",
"86551556;安庆",
"86551557;宿州",
"86551558;阜阳",
"8655155801;亳州",
"86551559;黄山",
"86551561;淮北",
"86551562;铜陵",
"86551563;宣城",
"86551564;六安",
"86551565;巢湖",
"86551566;池州");
cityarray86591 = new Array(
"86591591;福州",
"86591592;厦门",
"86591593;宁德",
"86591594;莆田",
"86591595;泉州",
"86591596;漳州",
"86591597;龙岩",
"86591598;三明",
"86591599;南平");
cityarray86791 = new Array(
"86791791;南昌",
"86791701;鹰潭",
"86791790;新余",
"86791792;九江",
"86791793;上饶",
"86791794;抚州",
"86791795;宜春",
"86791796;吉安",
"86791797;赣州",
"86791798;景德镇",
"86791799;萍乡");
cityarray86531 = new Array(
"86531531;济南",
"86531530;菏泽",
"86531532;青岛",
"86531533;淄博",
"86531534;德州",
"86531535;烟台",
"86531536;潍坊",
"86531537;济宁",
"86531539;临沂",
"86531543;滨州",
"86531546;东营",
"86531631;威海",
"86531632;枣庄",
"86531633;日照",
"86531634;莱芜",
"86531635;聊城");
cityarray86371 = new Array(
"86371371;郑州",
"86371370;商丘",
"86371372;安阳",
"86371373;新乡",
"86371374;许昌",
"86371375;平顶山",
"86371376;信阳",
"86371377;南阳",
"86371378;开封",
"86371379;洛阳",
"86371391;焦作",
"86371392;鹤壁",
"86371393;濮阳",
"86371394;周口",
"86371395;漯河",
"86371396;驻马店",
"86371398;三门峡");
cityarray8627 = new Array(
"862727;武汉",
"8627710;襄樊",
"8627711;鄂州",
"8627712;孝感",
"8627713;黄冈",
"8627714;黄石",
"8627715;咸宁",
"8627716;荆州",
"8627717;宜昌",
"8627718;恩施",
"8627719;十堰",
"8627722;随州",
"8627724;荆门");
cityarray86731 = new Array(
"86731731;长沙",
"86731730;岳阳",
"86731732;湘潭",
"86731733;株洲",
"86731734;衡阳",
"86731735;郴州",
"86731736;常德",
"86731737;益阳",
"86731738;娄底",
"86731739;邵阳",
"86731743;吉首",
"86731745;怀化",
"86731746;永州");
cityarray8628 = new Array(
"862828;成都",
"8628812;攀枝花",
"8628813;自贡",
"8628816;绵阳",
"8628817;南充",
"8628818;达州",
"8628825;遂宁",
"8628826;广安",
"8628827;巴中",
"8628830;泸州",
"8628831;宜宾",
"8628832;资阳",
"862883201;内江",
"8628833;乐山",
"862883301;眉山",
"862883401;凉山",
"8628835;雅安",
"862883701;阿坝",
"8628838;德阳",
"8628839;广元");
cityarray86851 = new Array(
"86851851;贵阳",
"86851852;遵义",
"86851853;安顺",
"86851854;都匀",
"86851855;凯里",
"86851856;铜仁",
"86851857;毕节",
"86851858;六盘水",
"86851859;兴义");
cityarray86871 = new Array(
"86871871;昆明",
"86871691;西双版纳",
"86871692;德宏",
"86871870;昭通",
"86871872;大理",
"8687187303;红河",
"86871874;曲靖",
"86871875;保山",
"86871876;文山",
"86871877;玉溪",
"86871878;楚雄",
"86871879;思茅",
"86871883;临沧",
"8687188601;怒江",
"8687188701;迪庆",
"86871888;丽江");
cityarray8629 = new Array(
"862929;西安",
"8629910;咸阳",
"8629911;延安",
"8629912;榆林",
"8629913;渭南",
"8629914;商洛",
"8629915;安康",
"8629916;汉中",
"8629917;宝鸡",
"8629919;铜川");
cityarray86931 = new Array(
"86931931;兰州",
"86931930;临夏",
"86931932;定西",
"86931933;平凉",
"86931934;庆阳",
"86931935;金昌",
"8693193501;武威",
"86931936;张掖",
"86931937;酒泉",
"8693193701;嘉峪关",
"86931938;天水",
"86931939;陇南",
"86931941;甘南",
"86931943;白银");
cityarray86971 = new Array(
"86971971;西宁",
"8697197001;海北",
"86971972;海东",
"8697197501;果洛",
"8697197301;黄南",
"86971976;玉树",
"86971979;格尔木",
"8697197901;海西");
cityarray86471 = new Array(
"86471471;呼和浩特",
"86471470;海拉尔",
"86471472;包头",
"86471473;乌海",
"86471474;集宁",
"86471475;通辽",
"86471476;赤峰",
"86471478;临河",
"86471479;锡林浩特",
"86471482;乌兰浩特",
"86471483;巴彦浩特",
"86471484;鄂尔多斯");
cityarray86771 = new Array(
"86771771;南宁",
"86771770;防城港",
"8677177101;崇左",
"86771772;柳州",
"8677177201;来宾",
"86771773;桂林",
"86771774;梧州",
"8677177401;贺州",
"86771775;玉林",
"8677177501;贵港",
"86771776,;百色",
"86771777,;钦州",
"86771778,;河池",
"86771779,;北海");
cityarray86898 = new Array(
"86898898;海口",
"86898899;三亚",
"8689889901;西沙群岛");
cityarray86891 = new Array(
"86891891;拉萨",
"86891892;日喀则",
"86891893;山南",
"86891894;林芝",
"86891895;昌都",
"86891896;那曲",
"86891897;阿里");
cityarray86951 = new Array(
"86951951;银川",
"86951952;石嘴山",
"86951953;吴忠",
"86951954;固原");
cityarray86991 = new Array(
"86991991;乌鲁木齐",
"86991901;塔城",
"86991902;哈密",
"86991903;和田",
"86991906;阿勒泰",
"8699190801;克州",
"86991909;博乐",
"86991990;克拉玛依",
"86991993;石河子",
"86991994;昌吉",
"86991995;吐鲁番",
"86991996;库尔勒",
"86991997;阿克苏",
"86991998;喀什",
"86991999;伊犁");
cityarray88610 = new Array(
"8861010;台北");
cityarray85210 = new Array(
"8521010;香港");
cityarray85310 = new Array(
"8531010;澳门");
function getCitiesFromProvinceID(provinceid) {
if (provinceid == 0) return cityarray0;
if (provinceid == 8610) return cityarray8610;
if (provinceid == 8621) return cityarray8621;
if (provinceid == 8622) return cityarray8622;
if (provinceid == 8623) return cityarray8623;
if (provinceid == 86311) return cityarray86311;
if (provinceid == 8625) return cityarray8625;
if (provinceid == 86571) return cityarray86571;
if (provinceid == 8620) return cityarray8620;
if (provinceid == 86351) return cityarray86351;
if (provinceid == 8624) return cityarray8624;
if (provinceid == 86431) return cityarray86431;
if (provinceid == 86451) return cityarray86451;
if (provinceid == 86551) return cityarray86551;
if (provinceid == 86591) return cityarray86591;
if (provinceid == 86791) return cityarray86791;
if (provinceid == 86531) return cityarray86531;
if (provinceid == 86371) return cityarray86371;
if (provinceid == 8627) return cityarray8627;
if (provinceid == 86731) return cityarray86731;
if (provinceid == 8628) return cityarray8628;
if (provinceid == 86851) return cityarray86851;
if (provinceid == 86871) return cityarray86871;
if (provinceid == 8629) return cityarray8629;
if (provinceid == 86931) return cityarray86931;
if (provinceid == 86971) return cityarray86971;
if (provinceid == 86471) return cityarray86471;
if (provinceid == 86771) return cityarray86771;
if (provinceid == 86898) return cityarray86898;
if (provinceid == 86891) return cityarray86891;
if (provinceid == 86951) return cityarray86951;
if (provinceid == 86991) return cityarray86991;
if (provinceid == 88610) return cityarray88610;
if (provinceid == 85210) return cityarray85210;
if (provinceid == 85310) return cityarray85310;
return new Array();
}
function fillInCities(provinceid) {
document.forms['personalorder']['locid'].length = 0;
var arr = getCitiesFromProvinceID(provinceid);
var cnt = 0;
var isSelected = false;
for(var n=0; narr.length; n++){
newOpt=new Option;
i = arr[n].search(';');
newOpt.text=arr[n].slice(i+1);
newOpt.value=arr[n].slice(0,i);
if (!isSelected){
//newOpt.selected = true;
isSelected = true;
}
document.forms['personalorder']['locid'].options[cnt]=newOpt;
cnt=cnt+1;
}
}
function GetSelectedText(box){
var boxText = '';
for(var i=0; ibox.options.length; i++){
if(box.options[i].selected box.options[i].value != ''){
boxText = box.options[i].value;
}
}
return boxText;
}
function setInd(box) {
ind = GetSelectedText(box);
if(ind != ''){
fillInCities(ind);
}
//alert(ind);
}
/script
/TD
/TR
/TBODY
/TABLE
/body
/html
//做web程序的朋友，如果你够懒惰，请加QQ375241242，大家交流自己工作中积累的代码集。
Province = new Array;
City = new Array;
I=0;
Province[I] = '北京';
City[I] = new Array('北京');
I++;
Province[I] = '上海';
City[I] = new Array('上海');
I++;
Province[I] = '天津';
City[I] = new Array('天津');
I++;
Province[I] = '重庆';
City[I] = new Array('重庆');
I++;
Province[I] = '河北';
City[I] = new Array("请选择","石家庄","唐山","秦皇岛","邯郸","邢台","保定","张家口","承德","沧州","廊坊","衡水","其他");
I++;
Province[I] = '山西';
City[I] = new Array("请选择","太原","大同","阳泉","长治","晋城","朔州","晋中","运城","忻州","临汾","吕梁");
I++;
Province[I] = '内蒙古';
City[I] = new Array("请选择","呼和浩特","包头","乌海","赤峰","通辽","鄂尔多斯","呼伦贝尔","乌兰察布盟","锡林郭勒盟","巴彦淖尔盟","阿拉善盟","兴安盟");
I++;
Province[I] = '辽宁';
City[I] = new Array("请选择","沈阳","大连","鞍山","抚顺","本溪","丹东","锦州","葫芦岛","营口","盘锦","阜新","辽阳","铁岭","朝阳");
I++;
Province[I] = '吉林';
City[I] = new Array("请选择","长春","吉林市","四平","辽源","通化","白山","松原","白城","延边朝鲜族自治州");
I++;
Province[I] = '黑龙江';
City[I] = new Array("请选择","哈尔滨","齐齐哈尔","鹤岗","双鸭山","鸡西","大庆","伊春","牡丹江","佳木斯","七台河","黑河","绥化","大兴安岭");
I++;
Province[I] = '江苏';
City[I] = new Array("请选择","南京","无锡","徐州","常州","苏州","南通","连云港","淮安","盐城","扬州","镇江","泰州","宿迁");
I++;
Province[I] = '浙江';
City[I] = new Array("请选择","杭州","宁波","温州","嘉兴","湖州","绍兴","金华","衢州舟山","台州","丽水");
I++;
Province[I] = '安徽';
City[I] = new Array("请选择","合肥","芜湖","蚌埠","淮南","马鞍山","淮北","铜陵","安庆","黄山","滁州","阜阳","宿州","巢湖","六安","亳州","池州","宣城");
I++;
Province[I] = '福建';
City[I] = new Array("请选择","福州","厦门","莆田","三明","泉州","漳州","南平","龙岩","宁德");
I++;
Province[I] = '江西';
City[I] = new Array("请选择","南昌","景德镇","萍乡","新余","九江","鹰潭","赣州","吉安","宜春","抚州","上饶");
I++;
Province[I] = '山东';
City[I] = new Array("请选择","济南","青岛","淄博","枣庄","东营","潍坊","烟台","威海","济宁","泰安","日照","莱芜","德州","临沂","聊城","滨州","菏泽");
I++;
Province[I] = '河南';
City[I] = new Array("请选择","郑州","开封","洛阳","平顶山","焦作","鹤壁","新乡","安阳","濮阳","许昌","漯河","三门峡","南阳","商丘","信阳","周口","驻马店","济源");
I++;
Province[I] = '湖北';
City[I] = new Array("请选择","武汉","黄石","襄樊","十堰","荆州","宜昌","荆门","鄂州","孝感","黄冈","咸宁","随州","仙桃","天门","潜江","神农架","恩施土家族苗族自治州");
I++;
Province[I] = '湖南';
City[I] = new Array("请选择","长沙","株洲","湘潭","衡阳","邵阳","岳阳","常德","张家界","益阳","郴州","怀化","娄底","湘西土家族苗族自治州");
I++;
Province[I] = '广东';
City[I] = new Array("请选择","广州","深圳","珠海","汕头","韶关","佛山","江门","湛江","茂名","肇庆","惠州","梅州","汕尾","河源","阳江","清远","东莞","中山","潮州","揭阳","云浮");
I++;
Province[I] = '广西';
City[I] = new Array("请选择","南宁","柳州","桂林","梧州","北海","防城港","钦州","贵港","玉林","百色","贺州","河池","来宾","崇左");
I++;
Province[I] = '海南';
City[I] = new Array("请选择","海口","三亚","五指山","琼海","儋州","文昌","万宁","东方","澄迈","定安","屯昌","临高","白沙黎族自治县昌","江黎族自治县","乐东黎族自治县","陵水黎族自治县","保亭黎族苗族自治县","琼中黎族苗族自治县");
I++;
Province[I] = '四川';
City[I] = new Array("请选择","成都","自贡","攀枝花","泸州","德阳","绵阳","广元","遂宁","内江","乐山","南充","宜宾","广安","达州","眉山","雅安","巴中","资阳","阿坝藏族羌族自治州","甘孜藏族自治州","凉山彝族自治州");
I++;
Province[I] = '贵州';
City[I] = new Array("请选择","贵阳","六盘水","遵义","安顺","铜仁","毕节","黔西南布依族苗族自治州","黔东南苗族侗族自治州","黔南布依族苗族自治州");
I++;
Province[I] = '云南';
City[I] = new Array("请选择","昆明","曲靖","玉溪","保山","昭通","丽江","思茅","临沧","文山壮族苗族自治州","红河哈尼族彝族自治州","西双版纳傣族自治州","楚雄彝族自治州","大理白族自治州","德宏傣族景颇族自治州 ","怒江傈傈族自治州","迪庆藏族自治州");
I++;
Province[I] = '西藏';
City[I] = new Array("请选择","拉萨","那曲","昌都","山南","日喀则","阿里","林芝");
I++;
Province[I] = '陕西';
City[I] = new Array("请选择","西安","铜川","宝鸡","咸阳","渭南","延安","汉中","榆林","安康","商洛");
I++;
Province[I] = '甘肃';
City[I] = new Array("请选择","兰州","金昌","白银","天水","嘉峪关","武威","张掖","平凉","酒泉","庆阳","定西","陇南","临夏回族自治州","甘南藏族自治州");
I++;
Province[I] = '青海';
City[I] = new Array("请选择","西宁","海东","海北藏族自治州","黄南藏族自治州","海南藏族自治州","果洛藏族自治州","玉树藏族自治州","海西蒙古族藏族自治州");
I++;
Province[I] = '宁夏';
City[I] = new Array("请选择","银川","石嘴山","吴忠","固原");
I++;
Province[I] = '新疆';
City[I] = new Array("请选择","乌鲁木齐","克拉玛依","石河子","阿拉尔","图木舒克","五家渠","吐鲁番","哈密","和田","阿克苏","喀什","克孜勒苏柯尔克孜自治州","巴音郭楞蒙古自治州","昌吉回族自治州","博尔塔拉蒙古自治州","伊犁哈萨克自治州");
I++;
Province[I] = '香港';
City[I] = new Array("香港");
I++;
Province[I] = '澳门';
City[I] = new Array("澳门");
I++;
Province[I] = '台湾';
City[I] = new Array("请选择","台北","高雄","基隆","台中","台南","新竹","嘉义","台北县","宜兰县","新竹县","桃园县","苗栗县","台中县","彰化县","南投县","嘉义县","云林县","台南县","高雄县","屏东县","台东县","花莲县","澎湖县");
//--要使本代码使用于不同的form,只须改变以下两个函数在FORM里的元素的name值--
function SelectLoc()
{
pbox=document.creator.Province;//该行需改变;provinceBox=document.formName.itemName
cbox=document.creator.citys;//该行需改变;cityBox=document.formName.itemName
val=pbox.value;
if (val!=-1)
{
m=sel(val,Province);
clear(cbox);
for (i=0;iCity[m].length;i++){
fullup(cbox,City[m][i]);
}
}
else
{
clear(cbox);
}
}
function SelectProvice()
{
SelectLoc();
var locbox = document.creator.citys;//该行需改变
if(locbox.length==0) fullup(locbox, '--请选择--');
}
//--以下函数无须改变任何地方--
function clear(obj1)
{
len=obj1.length;
for(i=len-1;i=0;i--)
{
obj1.options[i]=null;
}
}
function fullup_P(obj1,val1,val2)
{
var vn = new Option(val1,val2);
obj1.add(vn);
}
function fullup(obj1,val)
{
var vn = new Option(val,val);
obj1.add(vn);
}
function sel(val,obj1)
{
for(i=0;iobj1.length;i++)
{
if(obj1[i]==val)
{
return i;
}
}
if (i==obj1.length){
return 0;
}
}
function write_option(val)
{
document.write("option value="+val+""+val+"/option");
}
function selBox(obj)
{
for(I=0;Iobj.length;I++)
{
write_option(obj[I]);
}
}
function selBoxi(obj)
{
for(I=0;Iobj.length;I++)
{
document.write("option value="+(I+1)+""+obj[I]+"/option");
}
}
试试这个：
script language="JavaScript"
!--
var g_selProvince;
var g_selCity;
var Provinces=new Array(
new Array("110000","北京市"),
new Array("120000","天津市"),
new Array("130000","河北省"),
new Array("140000","山西省"),
new Array("150000","内蒙古自治区"),
new Array("210000","辽宁省"),
new Array("220000","吉林省"),
new Array("230000","黑龙江省"),
new Array("310000","上海市"),
new Array("320000","江苏省"),
new Array("330000","浙江省"),
new Array("340000","安徽省"),
new Array("350000","福建省"),
new Array("360000","江西省"),
new Array("370000","山东省"),
new Array("410000","河南省"),
new Array("420000","湖北省"),
new Array("430000","湖南省"),
new Array("440000","广东省"),
new Array("450000","广西壮族自治区"),
new Array("460000","海南省"),
new Array("500000","重庆市"),
new Array("510000","四川省"),
new Array("520000","贵州省"),
new Array("530000","云南省"),
new Array("540000","西藏自治区"),
new Array("610000","陕西省"),
new Array("620000","甘肃省"),
new Array("630000","青海省"),
new Array("640000","宁夏回族自治区"),
new Array("650000","新疆维吾尔自治区"),
new Array("710000","台湾省"),
new Array("810000","香港特别行政区"),
new Array("820000","澳门特别行政区")
);
var Citys=new Array(
new Array("110100","北京"),
new Array("120100","天津"),
new Array("130101","石家庄"),
new Array("130201","唐山"),
new Array("130301","秦皇岛"),
new Array("130701","张家口"),
new Array("130801","承德"),
new Array("131001","廊坊"),
new Array("130401","邯郸"),
new Array("130501","邢台"),
new Array("130601","保定"),
new Array("130901","沧州"),
new Array("133001","衡水"),
new Array("140101","太原"),
new Array("140201","大同"),
new Array("140301","阳泉"),
new Array("140501","晋城"),
new Array("140601","朔州"),
new Array("142201","忻州"),
new Array("142331","离石"),
new Array("142401","榆次"),
new Array("142601","临汾"),
new Array("142701","运城"),
new Array("140401","长治"),
new Array("150101","呼和浩特"),
new Array("150201","包头"),
new Array("150301","乌海"),
new Array("152601","集宁"),
new Array("152701","东胜"),
new Array("152801","临河"),
new Array("152921","阿拉善左旗"),
new Array("150401","赤峰"),
new Array("152301","通辽"),
new Array("152502","锡林浩特"),
new Array("152101","海拉尔"),
new Array("152201","乌兰浩特"),
new Array("210101","沈阳"),
new Array("210201","大连"),
new Array("210301","鞍山"),
new Array("210401","抚顺"),
new Array("210501","本溪"),
new Array("210701","锦州"),
new Array("210801","营口"),
new Array("210901","阜新"),
new Array("211101","盘锦"),
new Array("211201","铁岭"),
new Array("211301","朝阳"),
new Array("211401","锦西"),
new Array("210601","丹东"),
new Array("220101","长春"),
new Array("220201","吉林"),
new Array("220301","四平"),
new Array("220401","辽源"),
new Array("220601","浑江"),
new Array("222301","白城"),
new Array("222401","延吉"),
new Array("220501","通化"),
new Array("230101","哈尔滨"),
new Array("230301","鸡西"),
new Array("230401","鹤岗"),
new Array("230501","双鸭山"),
new Array("230701","伊春"),
new Array("230801","佳木斯"),
new Array("230901","七台河"),
new Array("231001","牡丹江"),
new Array("232301","绥化"),
new Array("230201","齐齐哈尔"),
new Array("230601","大庆"),
new Array("232601","黑河"),
new Array("232700","加格达奇"),
new Array("310100","上海"),
new Array("320101","南京"),
new Array("320201","无锡"),
new Array("320301","徐州"),
new Array("320401","常州"),
new Array("320501","苏州"),
new Array("320600","南通"),
new Array("320701","连云港"),
new Array("320801","淮阴"),
new Array("320901","盐城"),
new Array("321001","扬州"),
new Array("321101","镇江"),
new Array("330101","杭州"),
new Array("330201","宁波"),
new Array("330301","温州"),
new Array("330401","嘉兴"),
new Array("330501","湖州"),
new Array("330601","绍兴"),
new Array("330701","金华"),
new Array("330801","衢州"),
new Array("330901","舟山"),
new Array("332501","丽水"),
new Array("332602","临海"),
new Array("340101","合肥"),
new Array("340201","芜湖"),
new Array("340301","蚌埠"),
new Array("340401","淮南"),
new Array("340501","马鞍山"),
new Array("340601","淮北"),
new Array("340701","铜陵"),
new Array("340801","安庆"),
new Array("341001","黄山"),
new Array("342101","阜阳"),
new Array("342201","宿州"),
new Array("342301","滁州"),
new Array("342401","六安"),
new Array("342501","宣州"),
new Array("342601","巢湖"),
new Array("342901","贵池"),
new Array("350101","福州"),
new Array("350201","厦门"),
new Array("350301","莆田"),
new Array("350401","三明"),
new Array("350501","泉州"),
new Array("350601","漳州"),
new Array("352101","南平"),
new Array("352201","宁德"),
new Array("352601","龙岩"),
new Array("360101","南昌"),
new Array("360201","景德镇"),
new Array("362101","赣州"),
new Array("360301","萍乡"),
new Array("360401","九江"),
new Array("360501","新余"),
new Array("360601","鹰潭"),
new Array("362201","宜春"),
new Array("362301","上饶"),
new Array("362401","吉安"),
new Array("362502","临川"),
new Array("370101","济南"),
new Array("370201","青岛"),
new Array("370301","淄博"),
new Array("370401","枣庄"),
new Array("370501","东营"),
new Array("370601","烟台"),
new Array("370701","潍坊"),
new Array("370801","济宁"),
new Array("370901","泰安"),
new Array("371001","威海"),
new Array("371100","日照"),
new Array("372301","滨州"),
new Array("372401","德州"),
new Array("372501","聊城"),
new Array("372801","临沂"),
new Array("372901","菏泽"),
new Array("410101","郑州"),
new Array("410201","开封"),
new Array("410301","洛阳"),
new Array("410401","平顶山"),
new Array("410501","安阳"),
new Array("410601","鹤壁"),
new Array("410701","新乡"),
new Array("410801","焦作"),
new Array("410901","濮阳"),
new Array("411001","许昌"),
new Array("411101","漯河"),
new Array("411201","三门峡"),
new Array("412301","商丘"),
new Array("412701","周口"),
new Array("412801","驻马店"),
new Array("412901","南阳"),
new Array("413001","信阳"),
new Array("420101","武汉"),
new Array("420201","黄石"),
new Array("420301","十堰"),
new Array("420400","沙市"),
new Array("420501","宜昌"),
new Array("420601","襄樊"),
new Array("420701","鄂州"),
new Array("420801","荆门"),
new Array("422103","黄州"),
new Array("422201","孝感"),
new Array("422301","咸宁"),
new Array("422421","江陵"),
new Array("422801","恩施"),
new Array("430101","长沙"),
new Array("430401","衡阳"),
new Array("430501","邵阳"),
new Array("432801","郴州"),
new Array("432901","永州"),
new Array("430801","大庸"),
new Array("433001","怀化"),
new Array("433101","吉首"),
new Array("430201","株洲"),
new Array("430301","湘潭"),
new Array("430601","岳阳"),
new Array("430701","常德"),
new Array("432301","益阳"),
new Array("432501","娄底"),
new Array("440101","广州"),
new Array("440301","深圳"),
new Array("441501","汕尾"),
new Array("441301","惠州"),
new Array("441601","河源"),
new Array("440601","佛山"),
new Array("441801","清远"),
new Array("441901","东莞"),
new Array("440401","珠海"),
new Array("440701","江门"),
new Array("441201","肇庆"),
new Array("442001","中山"),
new Array("440801","湛江"),
new Array("440901","茂名"),
new Array("440201","韶关"),
new Array("440501","汕头"),
new Array("441401","梅州"),
new Array("441701","阳江"),
new Array("450101","南宁"),
new Array("450401","梧州"),
new Array("452501","玉林"),
new Array("450301","桂林"),
new Array("452601","百色"),
new Array("452701","河池"),
new Array("452802","钦州"),
new Array("450201","柳州"),
new Array("450501","北海"),
new Array("460100","海口"),
new Array("460200","三亚"),
new Array("510101","成都"),
new Array("513321","康定"),
new Array("513101","雅安"),
new Array("513229","马尔康"),
new Array("510301","自贡"),
new Array("500100","重庆"),
new Array("512901","南充"),
new Array("510501","泸州"),
new Array("510601","德阳"),
new Array("510701","绵阳"),
new Array("510901","遂宁"),
new Array("511001","内江"),
new Array("511101","乐山"),
new Array("512501","宜宾"),
new Array("510801","广元"),
new Array("513021","达县"),
new Array("513401","西昌"),
new Array("510401","攀枝花"),
new Array("500239","黔江土家族苗族自治县"),
new Array("520101","贵阳"),
new Array("520200","六盘水"),
new Array("522201","铜仁"),
new Array("522501","安顺"),
new Array("522601","凯里"),
new Array("522701","都匀"),
new Array("522301","兴义"),
new Array("522421","毕节"),
new Array("522101","遵义"),
new Array("530101","昆明"),
new Array("530201","东川"),
new Array("532201","曲靖"),
new Array("532301","楚雄"),
new Array("532401","玉溪"),
new Array("532501","个旧"),
new Array("532621","文山"),
new Array("532721","思茅"),
new Array("532101","昭通"),
new Array("532821","景洪"),
new Array("532901","大理"),
new Array("533001","保山"),
new Array("533121","潞西"),
new Array("533221","丽江纳西族自治县"),
new Array("533321","泸水"),
new Array("533421","中甸"),
new Array("533521","临沧"),
new Array("540101","拉萨"),
new Array("542121","昌都"),
new Array("542221","乃东"),
new Array("542301","日喀则"),
new Array("542421","那曲"),
new Array("542523","噶尔"),
new Array("542621","林芝"),
new Array("610101","西安"),
new Array("610201","铜川"),
new Array("610301","宝鸡"),
new Array("610401","咸阳"),
new Array("612101","渭南"),
new Array("612301","汉中"),
new Array("612401","安康"),
new Array("612501","商州"),
new Array("612601","延安"),
new Array("612701","榆林"),
new Array("620101","兰州"),
new Array("620401","白银"),
new Array("620301","金昌"),
new Array("620501","天水"),
new Array("622201","张掖"),
new Array("622301","武威"),
new Array("622421","定西"),
new Array("622624","成县"),
new Array("622701","平凉"),
new Array("622801","西峰"),
new Array("622901","临夏"),
new Array("623027","夏河"),
new Array("620201","嘉峪关"),
new Array("622102","酒泉"),
new Array("630100","西宁"),
new Array("632121","平安"),
new Array("632221","门源回族自治县"),
new Array("632321","同仁"),
new Array("632521","共和"),
new Array("632621","玛沁"),
new Array("632721","玉树"),
new Array("632802","德令哈"),
new Array("640101","银川"),
new Array("640201","石嘴山"),
new Array("642101","吴忠"),
new Array("642221","固原"),
new Array("650101","乌鲁木齐"),
new Array("650201","克拉玛依"),
new Array("652101","吐鲁番"),
new Array("652201","哈密"),
new Array("652301","昌吉"),
new Array("652701","博乐"),
new Array("652801","库尔勒"),
new Array("652901","阿克苏"),
new Array("653001","阿图什"),
new Array("653101","喀什"),
new Array("654101","伊宁"),
new Array("710001","台北"),
new Array("710002","基隆"),
new Array("710020","台南"),
new Array("710019","高雄"),
new Array("710008","台中"),
new Array("211001","辽阳"),
new Array("653201","和田"),
new Array("542200","泽当镇"),
new Array("542600","八一镇"),
new Array("820000","澳门"),
new Array("810000","香港")
);
function FillProvinces(selProvince)
{
selProvince.options[0]=new Option("请选择","000000");
for(i=0;iProvinces.length;i++)
{
selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);
}
selProvince.options[0].selected=true;
selProvince.length=i+1;
}
function FillCitys(selCity,ProvinceCode)
{
//if the province is a direct-managed city, like Beijing, shanghai, tianjin, chongqin,hongkong, macro
//need not "请选择选项"
if(ProvinceCode=="110000"||ProvinceCode=="120000"||ProvinceCode=="310000"
||ProvinceCode=="810000"||ProvinceCode=="820000"||ProvinceCode=="500000")
count=0;
else
{selCity.options[0]=new Option("请选择",ProvinceCode);
count=1;}
for(i=0;iCitys.length;i++)
{
if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2))
{
selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);
count=count+1;
}
}
selCity.options[0].selected=true;
selCity.length=count;
}
function Province_onchange()
{
FillCitys(g_selCity,g_selProvince.value);
}
function InitCitySelect(selProvince,selCity)
{
//alert("begin");
g_selProvince=selProvince;
g_selCity=selCity;
selProvince.onchange=Function("Province_onchange();");
FillProvinces(selProvince);
Province_onchange();
}
function InitCitySelect2(selProvince,selCity,CityCode)
{
InitCitySelect(selProvince,selCity)
for(i=0;iselProvince.length;i++)
{
if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2))
{
selProvince.options[i].selected=true;
}
}
Province_onchange();
for(i=0;iselCity.length;i++)
{
if(selCity.options[i].value==CityCode)
{
selCity.options[i].selected=true;
}
}
}
//--
/script
form name="profile" method="post" action="where.asp"
SELECT id=province size=1 name=province
OPTION selected/OPTION
/SELECT
SELECT id=city size=1 name=city
OPTION selected/OPTION
/SELECT
SCRIPT language=javascript
InitCitySelect(document.profile.province,document.profile.city);
/SCRIPT
input type="submit"
/form
如你要提取市的数据，你需要在接受请求页面写如下代码：
shi=trim(request.form("city"))
就可以得到市的值了。
还有这是用Form传递参数，而不是用QueryString传递。
js代码
//级联菜单
var province = ['江西省','江苏省','浙江省','甘肃省','江西省','江苏省','浙江省','甘肃省'];
var city = Array(
new Array ('南昌市','赣州市','抚州市','上饶市'),
new Array('杭州市','温州市','宁波市'),
new Array('南京市','苏州市','昆山市','太仓市'),
new Array('兰州市','敦煌市','兰楼市'),
new Array ('南昌市','赣州市','抚州市','上饶市'),
new Array('杭州市','温州市','宁波市'),
new Array('南京市','苏州市','昆山市','太仓市'),
new Array('兰州市','敦煌市','兰楼市')
)
//遍历省份
for(var i=0;iprovince.length;i++){
var opt = document.createElement('option'); //创建一个结点
opt.value = province[i]; //在value显示
opt.innerHTML = opt.value; //页面显示
document.getElementById('big').appendChild(opt);
}
//省份值改变的时候调用函数
function show_small(){
//alert( document.getElementById('big').selectedIndex);//拿到下标
document.getElementById('small').innerHTML="";//清空 appendChild会追加
var index = document.getElementById('big').selectedIndex;
for(var i=0;icity[index-1].length;i++){ //注意下标
var opt = document.createElement('option');
opt.value = city[index-1][i];
opt.innerHTML = opt.value;
document.getElementById('small').appendChild(opt);
}
}
html代码
!-- 级联菜单--
select id="big" onchange="show_small()"
option value=""--select--/option
/select
select id="small"
option value=""--select--/option
/select
手上刚好有个二级联动的，三级联动的你可以自己看着加进去，希望对你有帮助
重庆分公司
重庆分公司
