在註冊頁面上有一個下拉清單,下拉清單顯示省份資訊,有另一個下列清單.選擇某個省份，將這個省份下的城市列出。
陣列
語法:
new Array();//长度为0
new Array(size);//指定长度的
new Array(e1,e2..);//指定元素
非官方
var arr4=["aa","bb"];
length
数组是可变的 数组可以存放任意值
存放值:对内容的操作
pop():弹 最后一个
push():插入 到最后
shift():删除第一个
unshift():插入到首位
打印数组:
join(分隔符):将数组里的元素按照指定的分隔符打印
拼接数组:
concat():连接两个或更多的数组，并返回结果。
对结构的操作:
sort();排序
reverse();反转步驟二：獲得改變的省份值.
步驟三：比較省份的值與數組中定義的值是否相等，如果相等獲得這個省份對應的所有的市的陣列.
步驟四：建立option元素，將陣列中的值加入option元素中。
步驟五：將option加入第二個下拉清單.
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
// 定义二维数组:
var cities = new Array(4);
cities[0] = new Array("长春市","吉林市","松原市","延边市");
cities[1] = new Array("济南市","青岛市","烟台市","潍坊市","淄博市");
cities[2] = new Array("石家庄市","唐山市","邯郸市","廊坊市");
cities[3] = new Array("南京市","苏州市","扬州市","无锡市"); function selectCity(val){
// alert(val);
var citySel = document.getElementById("city"); // 清除原有的option:
citySel.options.length = 0; // 遍历数组：
for(var i=0;i<cities.length;i++){ if(val == i){ // 遍历数组：
for(var j = 0 ;j<cities[i].length;j++){ // alert(cities[i][j]);
// 创建option元素：
var opEl = document.createElement("option"); // 创建文本元素：
var textNo = document.createTextNode(cities[i][j]); // 将文本添加到option中．
opEl.appendChild(textNo); // 将option添加到第二个下拉列表中
citySel.appendChild(opEl);
}
}
}
} </script>
</head>
<body>
<select id="province" onchange="selectCity(this.value)">
<option value="">-请选择-</option>
<option value="0">吉林省</option>
<option value="1">山东省</option>
<option value="2">河北省</option>
<option value="3">江苏省</option>
</select>
<select id="city">
</select>
</body></html>
以上是JS如何控制二級連動的詳細內容。更多資訊請關注PHP中文網其他相關文章！
