标签：
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 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <script> 7 var arr=new Array(‘A‘,‘B‘,‘C‘); 8 arr[3]=1212; 9 for(var i=0;i<arr.length;i++) 10 { 11 console.info(arr[i]); //后台测试；类似前台窗口跳出alert； 12 } 13 for(temp in arr) 14 { 15 console.info(temp,arr[temp]) //后台显示，temp显示的是下标，arr[temp]显示的是数组的这个下标的值； 16 } 17 var arr=new Array(); 18 arr[‘江苏省‘]=[‘南京市‘,‘无锡市‘,‘镇江市‘,‘苏州市‘,‘扬州市‘]; 19 arr[‘浙江省‘]=[‘杭州市‘,‘宁波市‘,‘温州市‘,‘嘉兴市‘,‘绍兴市‘]; 20 arr[‘广东省‘]=[‘广州市‘,‘深圳市‘,‘东莞市‘,‘佛山市‘,‘江门市‘]; 21 arr[‘山东省‘]=[‘济南市‘,‘营口市‘,‘威海市‘,‘青岛市‘,‘烟台市‘]; 22 window.onload=function () 23 { 24 var prosel=document.getElementById(‘province‘); 25 for(temp in arr) //遍历变量arr这个数组中的下标； 26 { 27 prosel.add(new Option(temp,temp));//在变量Prosel中添加下拉框，并把变量arr数组中的下标传入进去； 28 } 29 } 30 function setCity() 31 { 32 var citySel=document.getElementById(‘city‘); //声明变量citysel,并让它获取到id为city的对象； 33 citySel.options.length=1; //让变量citysel的下拉框显示的条目为1条； 34 var pro=document.getElementById("province").value; //声明变量并让它获取到ID为province这个对象的属性值； 35 for(var i=0;i<arr[pro].length;i++) //做一个循环，循环arr【pro】； 36 { 37 citySel.add(new Option(arr[pro][i],arr[pro][i]));//每次循环时，都把循环出来的arr【pro】的每一个值都加到变量citysel这个数组中； 38 } 39 } 40 </script> 41 </head> 42 43 <body> 44 <!--onchange事件就是 当option内容发现改变时，触发事件的；--> 45 <select id="province" onChange="setCity()"> 46 <option value="">--选择省会--</option> 47 </select> 48 <select id="city"> 49 <option value="">--选择城市--</option> 50 </select> 51 </body> 52 </html>
标签：
原文地址：http://www.cnblogs.com/web168/p/4904535.html
