天天看點

省市關聯Javascript代碼

<html>

<head>

<title> ??甯??寵?????? </title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style>

body,select

{

?font-size:9pt;

?font-family:Verdana;

}

select {background-color:#F0F0F0;}

</style>

<SCRIPT LANGUAGE = JavaScript>

var nowPro='婀?????';

var nowCity="瀹???甯?";

var pro_City=new Array();

var province='--璇烽????-,??浜?甯?,澶╂觸甯?,娌沖????,灞辮タ??,?????よ??娌誨??杈藉????,??????,榛?榫?姹???,涓?娴峰?,姹?????,娴?姹???,瀹?寰界??,绂?寤虹??,姹?瑗跨??,灞變???,娌沖????,婀?????,婀?????,骞誇???,骞胯タ??娌誨??娴峰????,??搴?甯?,??宸???,璐靛???,浜?????,瑗胯????娌誨????瑗跨??,??????,??娴風??,瀹?澶???娌誨???扮????娌誨??棣?娓??瑰??琛??垮??婢抽?ㄧ?瑰??琛??垮???版咕??,?跺??';

pro_City[0]='--璇烽????-';

pro_City[1]='??浜?甯?';

pro_City[2]='澶╂觸甯?';

pro_City[3]='娌沖????,?沖?跺?甯?,??灞卞?,绉???宀?甯?,???稿?,?㈠?闆?,淇?瀹?甯?,寮?瀹跺?e?,?垮痙甯?,娌у?甯?,寤???甯?,琛℃按甯?';

pro_City[4]='灞辮タ??,澶???甯?,澶у??甯?,?蟲?甯?,?挎不甯?,????甯?,??宸?甯?,??涓?甯?,杩???甯?,蹇誨?甯?,涓存本甯?,??姊?甯?';

pro_City[5]='?????よ??娌誨???煎??娴╃?瑰?,??澶村?,涔?娴峰?,璧ゅ嘲甯?,??杈藉?,??灏?澶???甯?,?間雞璐?灏?甯?,宸村濺娣?灏?甯?,涔??闆??甯?甯?,?℃??娴╃?瑰?,涔??版旦?瑰?';

pro_City[6]='杈藉????,娌??沖?,澶ц?甯?,??灞卞?,??椤哄?,??婧?甯?,涓逛?甯?,???甯?,?????甯?,?ュ?e?,?????,???闆?,杈介?沖?,??宀?甯?,???沖?';

pro_City[7]='??????,?挎?ュ?,????甯?,??骞沖?,杈芥?甯?,????甯?,?藉北甯?,?懼??甯?,?藉??甯?,寤跺??甯?';

pro_City[8]='榛?榫?姹???,??灏?婊ㄥ?,榻?榻???灏?甯?,楣ゅ?甯?,??楦?灞卞?,楦¤タ甯?,澶у?甯?,浼??ュ?,?′腹姹?甯?,浣蟲?ㄦ??甯?,涓??版渤甯?,榛?娌沖?,缁ュ??甯?';

pro_City[9]='涓?娴峰?';

pro_City[10]='姹?????,??浜?甯?,???″?,寰?宸?甯?,甯稿?甯?,??宸?甯?,????甯?,杩?浜?娓?甯?,娣?瀹?甯?,????甯?,??宸?甯?,??姹?甯?,娉闆?甯?,瀹胯?甯?';

pro_City[11]='娴?姹???,??宸?甯?,瀹?娉㈠?,娓╁?甯?,???村?,婀?宸?甯?,缁??村?,????甯?,琛㈠?甯?,??灞卞?,?闆?甯?,涓芥按甯?';

pro_City[12]='瀹?寰界??,???ュ?,??婀?甯?,????甯?,娣???甯?,椹???灞卞?,娣???甯?,???靛?,瀹?搴?甯?,榛?灞卞?,婊?宸?甯?,???沖?,瀹垮?甯?,宸㈡?甯?,??瀹?甯?,浜沖?甯?,姹?宸?甯?,瀹e??甯?';

pro_City[13]='绂?寤虹??,绂?宸?甯?,???ㄥ?,???闆?,涓???甯?,娉?宸?甯?,婕沖?甯?,??骞沖?,榫?宀╁?,瀹?寰峰?';

pro_City[14]='姹?瑗跨??,????甯?,??寰烽??甯?,??涔″?,?頒?甯?,涔?姹?甯?,楣版江甯?,璧e?甯?,??瀹?甯?,瀹??ュ?,??宸?甯?,涓?楗跺?';

pro_City[15]='灞變???,娴???甯?,??宀?甯?,娣???甯?,?e?甯?,涓??ュ?,娼???甯?,???闆?,濞?娴峰?,娴?瀹?甯?,娉闆??甯?,?ョ?у?,?辮??甯?,寰峰?甯?,涓存?甯?,????甯?,婊ㄥ?甯?,??娉藉?';

pro_City[16]='娌沖????,??宸?甯?,寮?灏?甯?,娲??沖?,骞抽《灞卞?,???甯?,楣ゅ?甯?,?頒埂甯?,瀹??沖?,婵??沖?,璁告??甯?,婕?娌沖?,涓??ㄥ場甯?,???沖?,??涓?甯?,淇¢?沖?,?ㄥ?e?,椹婚┈搴?甯?,娴?婧?甯?';

pro_City[17]='婀?????,姝??甯?,榛??沖?,瑗?妯?甯?,???闆?,??宸?甯?,瀹???甯?,???ㄥ?,??宸?甯?,瀛???甯?,榛???甯?,?稿??甯?,??宸?甯?,?╂?藉?,浠?妗?甯?,澶╅?ㄥ?,娼?姹?甯?';

pro_City[18]='婀?????,?挎?甯?,??娲插?,婀?娼?甯?,琛¢?沖?,?甸?沖?,宀抽?沖?,甯稿痙甯?,寮?瀹剁??甯?,???沖?,?村?甯?,姘稿?甯?,????甯?,濞?搴?甯?,??棣?甯?';

pro_City[19]='骞誇???,骞垮?甯?,娣卞?沖?,??娴峰?,姹?澶村?,?跺?沖?,浣?灞卞?,姹??ㄥ?,婀?姹?甯?,????甯?,??搴?甯?,??宸?甯?,姊?宸?甯?,姹?灏懼?,娌蟲?甯?,?蟲?甯?,娓?杩?甯?,涓???甯?,涓?灞卞?,娼?宸?甯?,???沖?,浜?娴?甯?';

pro_City[20]='骞胯タ??娌誨????瀹?甯?,?沖?甯?,妗???甯?,姊у?甯?,??娴峰?,?插??娓?甯?,???甯?,璐墊腐甯?,????甯?,?捐?插?,璐哄?甯?,娌蟲?甯?,?ュ?懼?,宕?宸??';

pro_City[21]='娴峰????,娴峰?e?,涓?浜?甯?';

pro_City[22]='??搴?甯?';

pro_City[23]='??宸???,???藉?,??璐″?,?????卞?,娉稿?甯?,寰烽?沖?,缁甸?沖?,骞垮??甯?,??瀹?甯?,??姹?甯?,涔?灞卞?,????甯?,瀹?瀹懼?,骞垮??甯?,杈懼?甯?,??灞卞?,??瀹?甯?,宸翠腑甯?,璧??沖?,瑗挎??甯?';

pro_City[24]='璐靛???,璐甸?沖?,????姘村?,?典?甯?,瀹?椤哄?,??浠?甯?,姣???甯?,?翠?甯?,????甯?,?藉??甯?';

pro_City[25]='浜?????,????甯?,?查??甯?,??婧?甯?,淇?灞卞?,????甯?,涓芥?甯?,????甯?,涓存缽甯?,??娲?甯?,妤???甯?,澶х??甯?,娼?瑗垮?';

pro_City[26]='瑗胯????娌誨?????ㄥ?,?ュ????甯?';

pro_City[27]='??瑗跨??,瑗垮??甯?,??宸?甯?,瀹?楦″?,?擱?沖?,娓???甯?,寤跺??甯?,姹?涓?甯?,姒???甯?,瀹?搴峰?,??娲?甯?';

pro_City[28]='??????,?闆?甯?,????甯?,?介?跺?,澶╂按甯?,??宄??沖?,姝??甯?,寮???甯?,骞沖??甯?,??娉?甯?,搴??沖?,瀹?瑗垮?,????甯?,涓村?甯?,??浣?甯?';

pro_City[29]='??娴風??,瑗垮??甯?,寰蜂護??甯?,?煎??ㄥ?';

pro_City[30]='瀹?澶???娌誨???跺?甯?,?沖?村北甯?,?村?甯?,?哄??甯?,涓???甯?';

pro_City[31]='?扮????娌誨??涔?椴??ㄩ?甯?,??????渚?甯?,??椴???甯?,??瀵?甯?,???闆?,?垮????甯?,??浠?甯?,?垮?句?甯?,搴?灏???甯?,????甯?,??涔?甯?,浼?瀹?甯?,濉???甯?,?垮??娉闆?,?蟲渤瀛?甯?,?挎??灏?甯?,?炬?ㄨ????甯?,浜?瀹舵?甯?,';

pro_City[32]='棣?娓??瑰??琛??垮??;

pro_City[33]='婢抽?ㄧ?瑰??琛??垮??;

pro_City[34]='?版咕??,?闆??甯?,楂???甯?,?洪??甯?,?頒腑甯?,?闆??甯?,?扮?瑰?,??涔?甯?';

pro_City[35]='?跺??';

//??濮????版??

function setup(){

?var Array_city;

?var Array_province;

?Array_province=province.split(',');

?for(i=0;i<Array_province.length;i++){

? document.all("province").options.add(new Option(Array_province[i],i));

? if(nowPro==Array_province[i]){

?? document.all("province")[i].selected=true;

?? Array_city=pro_City[i].split(',');

?? if(Array_city.length>1){

??? for(j=0;j<Array_city.length;j++){

???? document.all("city").options.add(new Option(Array_city[j],j));

???? if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}

??? }

?? }else{

??? document.all("city").options.add(new Option(pro_City[i],0));

?? }

? }

?}

}

//??浠藉?????跺??甯?璺???????

function on_pro_select_change(){

?var nowSelectIndex=document.all("province").selectedIndex;

?for(i=document.all("city").length-1;i>=0;i--){document.all("city").options.remove(i);}

?var Array_city=pro_City[nowSelectIndex].split(',');

?? if(Array_city.length>1){

??? for(j=1;j<Array_city.length;j++){

???? document.all("city").options.add(new Option(Array_city[j],j));

???? if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}

??? }

?? }else{

??? document.all("city").options.add(new Option(pro_City[nowSelectIndex],0));

?? }

}

//??甯???????howCity?劇ず???╃??浠戒???甯?

function on_city_change(){

?showCity.innerText=document.all("province")[document.all("province").selectedIndex].innerText+':'+document.all("city")[document.all("city").selectedIndex].innerText;

}

</SCRIPT>

</head>

<body bgcolor="#E0E0E0" 慰nl慰ad="setup()">

<form name="frm">

??浠?lt;select id="province" 慰nchange="on_pro_select_change()">

</select>

??甯?<select id="city" 慰nchange="on_city_change()">

</select>

</form>

<div id=showCity></div>

</body>

</html>

繼續閱讀