Jsが作った都市3級連動、オリジナル
67789 ワード
出所:http://www.cnblogs.com/see7di/archive/2011/09/01/2239659.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title> 、 、 </title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 <SCRIPT LANGUAGE="JavaScript">
7 <!--
8 function cn(){
9 this.Items = {};
10 }
11 cn.prototype.add = function(id,iArray){
12 this.Items[id] = iArray;
13 }
14 cn.prototype.Exi = function(id){
15 if(typeof(this.Items[id]) == "undefined"){return false;}
16 return true;
17 }
18
19 function chg(v){
20 if(v==3){return;}
21 var str="0";
22 for(i=0;i<v;i++){str+=("_"+(document.getElementById(s[i]).selectedIndex))};
23
24 var ss=document.getElementById(s[v]);
25 with(ss){
26 length = 0; // option
27 if(a_t.Exi(str)){
28 ar=a_t.Items[str];
29 for(i=0;i<ar.length;i++){
30 options[length]=new Option(ar[i],ar[i]);
31 if(ar[i]==o[v]){options[i].selected=true;}//
32 }
33 }
34 if(++v<s.length){chg(v);}
35 }
36 }
37
38
39 var s=["tid1","tid2","tid3"];
40 var o=[" "," "," "];// Email:[email protected],Seven http://hi.baidu.com/see7di/home
41
42 function setup(){
43 for(i=1;i<=3;i++){
44 document.getElementById(s[(i-1)]).onchange=new Function("chg("+(i)+")");
45 }
46 chg(0);
47 }
48
49 var a_t = new cn();
50
51 a_t.add("0",[" "," "," "]);
52
53 a_t.add("0_0",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
54 a_t.add("0_0_0",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
55 a_t.add("0_0_1",[" "]);
56 a_t.add("0_0_2",[" "," "," "," "," "," "," "," "," "]);
57 a_t.add("0_0_3",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
58 a_t.add("0_0_4",[" "," "," "," "," "," "," "," "," "," "," "," "]);
59 a_t.add("0_0_5",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
60 a_t.add("0_0_6",[" "," "," "," "," "," "," "," "," "]);
61 a_t.add("0_0_7",[" "," "," "," ",," "," "," "," "," "," "," "]);
62 a_t.add("0_0_8",[" "," "," "," "," "," "," "," "," "," "," "]);
63 a_t.add("0_0_9",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
64 a_t.add("0_0_10",[" "," "," "," "," "," "," "," "," "," "," "," "," "]);
65 a_t.add("0_0_11",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
66 a_t.add("0_0_12",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
67 a_t.add("0_0_13",[" "," "," "," "," "," "," "," "," "]);
68 a_t.add("0_0_14",[" "," "," "," "," "," "," "," "," "," "," "," "," "]);
69 a_t.add("0_0_15",[" "," "," "," "," "," "," "," "," "," "," "]);
70 a_t.add("0_0_16",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
71 a_t.add("0_0_17",[" "," "," "," "," "," "," "," "," "," "," "," "]);
72 a_t.add("0_0_18",[" "," "," "," "]);
73 a_t.add("0_0_19",[" "," "," "," "," "," "," "," "]);
74 a_t.add("0_0_20",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
75
76 a_t.add("0_1",[" "," "," "," "]);
77 a_t.add("0_1_0",[" "]);
78 a_t.add("0_1_1",[" "," "]);
79 a_t.add("0_1_2",[" "," "]);
80 a_t.add("0_1_3",[" "," "," "]);
81 a_t.add("0_1_4",[" "]);
82 a_t.add("0_1_5",[" "]);
83 a_t.add("0_1_6",[" "," "]);
84 a_t.add("0_1_7",[" "," "," "," "," "," "]);
85 a_t.add("0_1_8",[" "," "," "]);
86 a_t.add("0_1_9",[" "]);
87 a_t.add("0_1_10",[" "]);
88 a_t.add("0_1_11",[" "," "," "]);
89 a_t.add("0_1_12",[" "," "," "]);
90 a_t.add("0_1_13",[" "," "," "]);
91 a_t.add("0_1_14",[" "," "," "]);
92 a_t.add("0_1_15",[" "," "," "," "]);
93
94 a_t.add("0_2",[" "," "," "," "," "," "," "," "," "," "," "," "," "," "]);
95 a_t.add("0_2_0",[" "]);
96 a_t.add("0_2_1",[" "]);
97 a_t.add("0_2_2",[" "," "," "," "," "," "," "," "," "," "," "," "]);
98 a_t.add("0_2_3",[" "]);
99 a_t.add("0_2_4",[" "]);
100 a_t.add("0_2_5",[" "]);
101 a_t.add("0_2_6",[" "]);
102 a_t.add("0_2_7",[" "]);
103 a_t.add("0_2_8",[" "]);
104 a_t.add("0_2_9",[" "]);
105 a_t.add("0_2_10",[" "]);
106 a_t.add("0_2_11",[" "]);
107 a_t.add("0_2_12",[" "]);
108 a_t.add("0_2_13",[" "]);
109
110 //-->
111 </SCRIPT>
112 </head>
113 <body onLoad="setup()">
114 <form method='post' action='@.php'>
115 <select id="tid1" name="tid1"></select>
116 <select id="tid2" name="tid2"></select>
117 <select id="tid3" name="tid3"></select>
118
119 <input type='submit' value='submit'>
120 </form>
View Code