提交 | 用户 | 时间
|
58d006
|
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
A |
2 |
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
3 |
<head> |
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
5 |
|
|
6 |
<title>Fun with jQuery</title> |
|
7 |
|
|
8 |
<script src="http://www.google.com/jsapi"></script> |
|
9 |
<script> |
|
10 |
google.load("jquery", "1"); |
|
11 |
</script> |
|
12 |
|
|
13 |
<script type="text/javascript"> |
|
14 |
|
|
15 |
$.fn.options = function(selector) { |
|
16 |
return this.each(function() { |
|
17 |
function container(select) { |
|
18 |
if (select.next().is(".option-container")) { |
|
19 |
return $(select).next(); |
|
20 |
} |
|
21 |
return $('<select class="option-container" />').append(select.children()).insertAfter(select).hide(); |
|
22 |
} |
|
23 |
var container = container($(this)); |
|
24 |
$(this).empty().append(container.children(selector).clone()); |
|
25 |
}); |
|
26 |
} |
|
27 |
|
|
28 |
$(document).ready(function(){ |
|
29 |
|
|
30 |
$("#State").hide() |
|
31 |
|
|
32 |
$("#Country").change(function() { |
|
33 |
var selected = this.options[this.selectedIndex].value; |
|
34 |
if (selected == "US") { |
|
35 |
$("#State").show().options(".state"); |
|
36 |
} else if (selected == "CA") { |
|
37 |
$("#State").show().options(".province"); |
|
38 |
} else { |
|
39 |
$("#State").hide(); |
|
40 |
} |
|
41 |
}).change(); |
|
42 |
|
|
43 |
|
|
44 |
}); |
|
45 |
</script> |
|
46 |
|
|
47 |
|
|
48 |
|
|
49 |
</head> |
|
50 |
|
|
51 |
<body> |
|
52 |
Mission: |
|
53 |
|
|
54 |
<xmp> |
|
55 |
CODE |
|
56 |
|
|
57 |
</xmp> |
|
58 |
|
|
59 |
|
|
60 |
<select size="1" id="Country" name="country"> |
|
61 |
<option value="">Select One</option> |
|
62 |
|
|
63 |
<option value="US" selected="selected">United States</option> |
|
64 |
<option value="CA">Canada</option> |
|
65 |
<option value="">----------</option> |
|
66 |
<option value="AF">Afghanistan</option> |
|
67 |
<option value="AL">Albania</option> |
|
68 |
<option value="DZ">Algeria</option> |
|
69 |
|
|
70 |
<option value="AS">American Samoa</option> |
|
71 |
<option value="AD">Andorra</option> |
|
72 |
<option value="AO">Angola</option> |
|
73 |
<option value="AI">Anguilla</option> |
|
74 |
<option value="AQ">Antarctica</option> |
|
75 |
<option value="AG">Antigua and Barbuda</option> |
|
76 |
|
|
77 |
<option value="AR">Argentina</option> |
|
78 |
<option value="AM">Armenia</option> |
|
79 |
<option value="AW">Aruba</option> |
|
80 |
<option value="AU">Australia</option> |
|
81 |
<option value="AT">Austria</option> |
|
82 |
<option value="AZ">Azerbaidjan</option> |
|
83 |
|
|
84 |
<option value="BS">Bahamas</option> |
|
85 |
<option value="BH">Bahrain</option> |
|
86 |
<option value="BD">Bangladesh</option> |
|
87 |
<option value="BB">Barbados</option> |
|
88 |
<option value="BY">Belarus</option> |
|
89 |
<option value="BE">Belgium</option> |
|
90 |
|
|
91 |
<option value="BZ">Belize</option> |
|
92 |
<option value="BJ">Benin</option> |
|
93 |
<option value="BM">Bermuda</option> |
|
94 |
<option value="BT">Bhutan</option> |
|
95 |
<option value="BO">Bolivia</option> |
|
96 |
<option value="BA">Bosnia-Herzegovina</option> |
|
97 |
|
|
98 |
<option value="BW">Botswana</option> |
|
99 |
<option value="BV">Bouvet Island</option> |
|
100 |
<option value="BR">Brazil</option> |
|
101 |
<option value="IO">British Indian Ocean Territory</option> |
|
102 |
<option value="BN">Brunei Darussalam</option> |
|
103 |
<option value="BG">Bulgaria</option> |
|
104 |
|
|
105 |
<option value="BF">Burkina Faso</option> |
|
106 |
<option value="BI">Burundi</option> |
|
107 |
<option value="KH">Cambodia</option> |
|
108 |
<option value="CM">Cameroon</option> |
|
109 |
<option value="CV">Cape Verde</option> |
|
110 |
<option value="KY">Cayman Islands</option> |
|
111 |
|
|
112 |
<option value="CF">Central African Republic</option> |
|
113 |
<option value="TD">Chad</option> |
|
114 |
<option value="CL">Chile</option> |
|
115 |
<option value="CN">China</option> |
|
116 |
<option value="CX">Christmas Island</option> |
|
117 |
<option value="CC">Cocos (Keeling) Islands</option> |
|
118 |
|
|
119 |
<option value="CO">Colombia</option> |
|
120 |
<option value="KM">Comoros</option> |
|
121 |
<option value="CG">Congo</option> |
|
122 |
<option value="CK">Cook Islands</option> |
|
123 |
<option value="CR">Costa Rica</option> |
|
124 |
<option value="HR">Croatia</option> |
|
125 |
|
|
126 |
<option value="CU">Cuba</option> |
|
127 |
<option value="CY">Cyprus</option> |
|
128 |
<option value="CZ">Czech Republic</option> |
|
129 |
<option value="DK">Denmark</option> |
|
130 |
<option value="DJ">Djibouti</option> |
|
131 |
<option value="DM">Dominica</option> |
|
132 |
|
|
133 |
<option value="DO">Dominican Republic</option> |
|
134 |
<option value="TP">East Timor</option> |
|
135 |
<option value="EC">Ecuador</option> |
|
136 |
<option value="EG">Egypt</option> |
|
137 |
<option value="SV">El Salvador</option> |
|
138 |
<option value="GQ">Equatorial Guinea</option> |
|
139 |
|
|
140 |
<option value="ER">Eritrea</option> |
|
141 |
<option value="EE">Estonia</option> |
|
142 |
<option value="ET">Ethiopia</option> |
|
143 |
<option value="FK">Falkland Islands</option> |
|
144 |
<option value="FO">Faroe Islands</option> |
|
145 |
<option value="FJ">Fiji</option> |
|
146 |
|
|
147 |
<option value="FI">Finland</option> |
|
148 |
<option value="CS">Former Czechoslovakia</option> |
|
149 |
<option value="SU">Former USSR</option> |
|
150 |
<option value="FR">France</option> |
|
151 |
<option value="FX">France (European Territory)</option> |
|
152 |
<option value="GF">French Guyana</option> |
|
153 |
|
|
154 |
<option value="TF">French Southern Territories</option> |
|
155 |
<option value="GA">Gabon</option> |
|
156 |
<option value="GM">Gambia</option> |
|
157 |
<option value="GE">Georgia</option> |
|
158 |
<option value="DE">Germany</option> |
|
159 |
<option value="GH">Ghana</option> |
|
160 |
|
|
161 |
<option value="GI">Gibraltar</option> |
|
162 |
<option value="GB">Great Britain</option> |
|
163 |
<option value="GR">Greece</option> |
|
164 |
<option value="GL">Greenland</option> |
|
165 |
<option value="GD">Grenada</option> |
|
166 |
<option value="GP">Guadeloupe (French)</option> |
|
167 |
|
|
168 |
<option value="GU">Guam (USA)</option> |
|
169 |
<option value="GT">Guatemala</option> |
|
170 |
<option value="GN">Guinea</option> |
|
171 |
<option value="GW">Guinea Bissau</option> |
|
172 |
<option value="GY">Guyana</option> |
|
173 |
<option value="HT">Haiti</option> |
|
174 |
|
|
175 |
<option value="HM">Heard and McDonald Islands</option> |
|
176 |
<option value="HN">Honduras</option> |
|
177 |
<option value="HK">Hong Kong</option> |
|
178 |
<option value="HU">Hungary</option> |
|
179 |
<option value="IS">Iceland</option> |
|
180 |
<option value="IN">India</option> |
|
181 |
|
|
182 |
<option value="ID">Indonesia</option> |
|
183 |
<option value="INT">International</option> |
|
184 |
<option value="IR">Iran</option> |
|
185 |
<option value="IQ">Iraq</option> |
|
186 |
<option value="IE">Ireland</option> |
|
187 |
<option value="IL">Israel</option> |
|
188 |
|
|
189 |
<option value="IT">Italy</option> |
|
190 |
<option value="CI">Ivory Coast (Cote D'Ivoire)</option> |
|
191 |
<option value="JM">Jamaica</option> |
|
192 |
<option value="JP">Japan</option> |
|
193 |
<option value="JO">Jordan</option> |
|
194 |
<option value="KZ">Kazakhstan</option> |
|
195 |
|
|
196 |
<option value="KE">Kenya</option> |
|
197 |
<option value="KI">Kiribati</option> |
|
198 |
<option value="KW">Kuwait</option> |
|
199 |
<option value="KG">Kyrgyzstan</option> |
|
200 |
<option value="LA">Laos</option> |
|
201 |
<option value="LV">Latvia</option> |
|
202 |
|
|
203 |
<option value="LB">Lebanon</option> |
|
204 |
<option value="LS">Lesotho</option> |
|
205 |
<option value="LR">Liberia</option> |
|
206 |
<option value="LY">Libya</option> |
|
207 |
<option value="LI">Liechtenstein</option> |
|
208 |
<option value="LT">Lithuania</option> |
|
209 |
|
|
210 |
<option value="LU">Luxembourg</option> |
|
211 |
<option value="MO">Macau</option> |
|
212 |
<option value="MK">Macedonia</option> |
|
213 |
<option value="MG">Madagascar</option> |
|
214 |
<option value="MW">Malawi</option> |
|
215 |
<option value="MY">Malaysia</option> |
|
216 |
|
|
217 |
<option value="MV">Maldives</option> |
|
218 |
<option value="ML">Mali</option> |
|
219 |
<option value="MT">Malta</option> |
|
220 |
<option value="MH">Marshall Islands</option> |
|
221 |
<option value="MQ">Martinique (French)</option> |
|
222 |
<option value="MR">Mauritania</option> |
|
223 |
|
|
224 |
<option value="MU">Mauritius</option> |
|
225 |
<option value="YT">Mayotte</option> |
|
226 |
<option value="MX">Mexico</option> |
|
227 |
<option value="FM">Micronesia</option> |
|
228 |
<option value="MD">Moldavia</option> |
|
229 |
<option value="MC">Monaco</option> |
|
230 |
|
|
231 |
<option value="MN">Mongolia</option> |
|
232 |
<option value="MS">Montserrat</option> |
|
233 |
<option value="MA">Morocco</option> |
|
234 |
<option value="MZ">Mozambique</option> |
|
235 |
<option value="MM">Myanmar</option> |
|
236 |
<option value="NA">Namibia</option> |
|
237 |
|
|
238 |
<option value="NR">Nauru</option> |
|
239 |
<option value="NP">Nepal</option> |
|
240 |
<option value="NL">Netherlands</option> |
|
241 |
<option value="AN">Netherlands Antilles</option> |
|
242 |
<option value="NT">Neutral Zone</option> |
|
243 |
<option value="NC">New Caledonia (French)</option> |
|
244 |
|
|
245 |
<option value="NZ">New Zealand</option> |
|
246 |
<option value="NI">Nicaragua</option> |
|
247 |
<option value="NE">Niger</option> |
|
248 |
<option value="NG">Nigeria</option> |
|
249 |
<option value="NU">Niue</option> |
|
250 |
<option value="NF">Norfolk Island</option> |
|
251 |
|
|
252 |
<option value="KP">North Korea</option> |
|
253 |
<option value="MP">Northern Mariana Islands</option> |
|
254 |
<option value="NO">Norway</option> |
|
255 |
<option value="OM">Oman</option> |
|
256 |
<option value="PK">Pakistan</option> |
|
257 |
<option value="PW">Palau</option> |
|
258 |
|
|
259 |
<option value="PA">Panama</option> |
|
260 |
<option value="PG">Papua New Guinea</option> |
|
261 |
<option value="PY">Paraguay</option> |
|
262 |
<option value="PE">Peru</option> |
|
263 |
<option value="PH">Philippines</option> |
|
264 |
<option value="PN">Pitcairn Island</option> |
|
265 |
|
|
266 |
<option value="PL">Poland</option> |
|
267 |
<option value="PF">Polynesia (French)</option> |
|
268 |
<option value="PT">Portugal</option> |
|
269 |
<option value="PR">Puerto Rico</option> |
|
270 |
<option value="QA">Qatar</option> |
|
271 |
<option value="RE">Reunion (French)</option> |
|
272 |
|
|
273 |
<option value="RO">Romania</option> |
|
274 |
<option value="RU">Russian Federation</option> |
|
275 |
<option value="RW">Rwanda</option> |
|
276 |
<option value="GS">S. Georgia & S. Sandwich Isls.</option> |
|
277 |
<option value="SH">Saint Helena</option> |
|
278 |
<option value="KN">Saint Kitts & Nevis Anguilla</option> |
|
279 |
|
|
280 |
<option value="LC">Saint Lucia</option> |
|
281 |
<option value="PM">Saint Pierre and Miquelon</option> |
|
282 |
<option value="ST">Saint Tome (Sao Tome) and Principe</option> |
|
283 |
<option value="VC">Saint Vincent & Grenadines</option> |
|
284 |
<option value="WS">Samoa</option> |
|
285 |
<option value="SM">San Marino</option> |
|
286 |
|
|
287 |
<option value="SA">Saudi Arabia</option> |
|
288 |
<option value="SN">Senegal</option> |
|
289 |
<option value="SC">Seychelles</option> |
|
290 |
<option value="SL">Sierra Leone</option> |
|
291 |
<option value="SG">Singapore</option> |
|
292 |
<option value="SK">Slovak Republic</option> |
|
293 |
|
|
294 |
<option value="SI">Slovenia</option> |
|
295 |
<option value="SB">Solomon Islands</option> |
|
296 |
<option value="SO">Somalia</option> |
|
297 |
<option value="ZA">South Africa</option> |
|
298 |
<option value="KR">South Korea</option> |
|
299 |
<option value="ES">Spain</option> |
|
300 |
|
|
301 |
<option value="LK">Sri Lanka</option> |
|
302 |
<option value="SD">Sudan</option> |
|
303 |
<option value="SR">Suriname</option> |
|
304 |
<option value="SJ">Svalbard and Jan Mayen Islands</option> |
|
305 |
<option value="SZ">Swaziland</option> |
|
306 |
<option value="SE">Sweden</option> |
|
307 |
|
|
308 |
<option value="CH">Switzerland</option> |
|
309 |
<option value="SY">Syria</option> |
|
310 |
<option value="TJ">Tadjikistan</option> |
|
311 |
<option value="TW">Taiwan</option> |
|
312 |
<option value="TZ">Tanzania</option> |
|
313 |
<option value="TH">Thailand</option> |
|
314 |
|
|
315 |
<option value="TG">Togo</option> |
|
316 |
<option value="TK">Tokelau</option> |
|
317 |
<option value="TO">Tonga</option> |
|
318 |
<option value="TT">Trinidad and Tobago</option> |
|
319 |
<option value="TN">Tunisia</option> |
|
320 |
<option value="TR">Turkey</option> |
|
321 |
|
|
322 |
<option value="TM">Turkmenistan</option> |
|
323 |
<option value="TC">Turks and Caicos Islands</option> |
|
324 |
<option value="TV">Tuvalu</option> |
|
325 |
<option value="UG">Uganda</option> |
|
326 |
<option value="UA">Ukraine</option> |
|
327 |
<option value="AE">United Arab Emirates</option> |
|
328 |
|
|
329 |
<option value="GB">United Kingdom</option> |
|
330 |
<option value="UY">Uruguay</option> |
|
331 |
<option value="MIL">USA Military</option> |
|
332 |
<option value="UM">USA Minor Outlying Islands</option> |
|
333 |
<option value="UZ">Uzbekistan</option> |
|
334 |
<option value="VU">Vanuatu</option> |
|
335 |
|
|
336 |
<option value="VA">Vatican City State</option> |
|
337 |
<option value="VE">Venezuela</option> |
|
338 |
<option value="VN">Vietnam</option> |
|
339 |
<option value="VG">Virgin Islands (British)</option> |
|
340 |
<option value="VI">Virgin Islands (USA)</option> |
|
341 |
<option value="WF">Wallis and Futuna Islands</option> |
|
342 |
|
|
343 |
<option value="EH">Western Sahara</option> |
|
344 |
<option value="YE">Yemen</option> |
|
345 |
<option value="YU">Yugoslavia</option> |
|
346 |
<option value="ZR">Zaire</option> |
|
347 |
<option value="ZM">Zambia</option> |
|
348 |
<option value="ZW">Zimbabwe</option> |
|
349 |
|
|
350 |
</select> |
|
351 |
<br /> |
|
352 |
|
|
353 |
<select id="State" name="State"> |
|
354 |
|
|
355 |
<option value="" class="selectone">Select One</option> |
|
356 |
<option value="AB" class="province">Alberta</option> |
|
357 |
<option value="BC" class="province">British Columbia</option> |
|
358 |
<option value="MB" class="province">Manitoba</option> |
|
359 |
|
|
360 |
<option value="NB" class="province">New Brunswick</option> |
|
361 |
<option value="NF" class="province">Newfoundland</option> |
|
362 |
<option value="NT" class="province">Northwest Territories</option> |
|
363 |
<option value="NS" class="province">Nova Scotia</option> |
|
364 |
<option value="NU" class="province">Nunavut</option> |
|
365 |
<option value="ON" class="province">Ontario</option> |
|
366 |
|
|
367 |
<option value="PE" class="province">Prince Edward Island</option> |
|
368 |
<option value="QC" class="province">Quebec</option> |
|
369 |
<option value="SK" class="province">Saskatchewan</option> |
|
370 |
<option value="YT" class="province">Yukon Territory</option> |
|
371 |
|
|
372 |
<option value="AK" class="state">Alaska</option> |
|
373 |
<option value="AL" class="state">Alabama</option> |
|
374 |
|
|
375 |
<option value="AR" class="state">Arkansas</option> |
|
376 |
<option value="AZ" class="state">Arizona</option> |
|
377 |
<option value="CA" class="state">California</option> |
|
378 |
<option value="CO" class="state">Colorado</option> |
|
379 |
<option value="CT" class="state">Connecticut</option> |
|
380 |
<option value="DC" class="state">District of Columbia</option> |
|
381 |
|
|
382 |
<option value="DE" class="state">Delaware</option> |
|
383 |
<option value="FL" class="state">Florida</option> |
|
384 |
<option value="GA" class="state">Georgia</option> |
|
385 |
<option value="HI" class="state">Hawaii</option> |
|
386 |
<option value="IA" class="state">Iowa</option> |
|
387 |
<option value="ID" class="state">Idaho</option> |
|
388 |
|
|
389 |
<option value="IL" class="state">Illinois</option> |
|
390 |
<option value="IN" class="state">Indiana</option> |
|
391 |
<option value="KS" class="state">Kansas</option> |
|
392 |
<option value="KY" class="state">Kentucky</option> |
|
393 |
<option value="LA" class="state">Louisiana</option> |
|
394 |
<option value="MA" class="state">Massachusetts</option> |
|
395 |
|
|
396 |
<option value="MD" class="state">Maryland</option> |
|
397 |
<option value="ME" class="state">Maine</option> |
|
398 |
<option value="MI" class="state">Michigan</option> |
|
399 |
<option value="MN" class="state">Minnesota</option> |
|
400 |
<option value="MO" class="state">Missouri</option> |
|
401 |
<option value="MS" class="state">Mississippi</option> |
|
402 |
|
|
403 |
<option value="MT" class="state">Montana</option> |
|
404 |
<option value="NC" class="state">North Carolina</option> |
|
405 |
<option value="ND" class="state">North Dakota</option> |
|
406 |
<option value="NE" class="state">Nebraska</option> |
|
407 |
<option value="NH" class="state">New Hampshire</option> |
|
408 |
<option value="NJ" class="state">New Jersey</option> |
|
409 |
|
|
410 |
<option value="NM" class="state">New Mexico</option> |
|
411 |
<option value="NV" class="state">Nevada</option> |
|
412 |
<option value="NY" class="state">New York</option> |
|
413 |
<option value="OH" class="state">Ohio</option> |
|
414 |
<option value="OK" class="state">Oklahoma</option> |
|
415 |
<option value="OR" class="state">Oregon</option> |
|
416 |
|
|
417 |
<option value="PA" class="state">Pennsylvania</option> |
|
418 |
<option value="PR" class="state">Puerto Rico</option> |
|
419 |
<option value="RI" class="state">Rhode Island</option> |
|
420 |
<option value="SC" class="state">South Carolina</option> |
|
421 |
<option value="SD" class="state">South Dakota</option> |
|
422 |
<option value="TN" class="state">Tennessee</option> |
|
423 |
|
|
424 |
<option value="TX" class="state">Texas</option> |
|
425 |
<option value="UT" class="state">Utah</option> |
|
426 |
<option value="VA" class="state">Virginia</option> |
|
427 |
<option value="VT" class="state">Vermont</option> |
|
428 |
<option value="WA" class="state">Washington</option> |
|
429 |
<option value="WI" class="state">Wisconsin</option> |
|
430 |
|
|
431 |
<option value="WV" class="state">West Virginia</option> |
|
432 |
<option value="WY" class="state">Wyoming</option> |
|
433 |
</select> |
|
434 |
|
|
435 |
</body> |
|
436 |
</html> |