<html>
<head>
<title>二級聯動</title>
</head>
<body>
<select id="a1" οnchange="addOption()"></select>
<select id="a2"></select>
<script>
var city = new Array;
city['江蘇'] = ['請選擇城市','南京', '連雲港', '蘇州', '鎮江'];
city['山東'] = ['請選擇城市','青島', '煙臺', '濟南'];
function allCity() {
var select1 = document.getElementById("a1");
for(var i in city) { //這裏注意遍歷數組的寫法
select1.add(new Option(i, i), null);
}
addOption(); // 初始化選項
}
function addOption() {
var select2 = document.getElementById("a2");
var select1 = document.getElementById("a1").value;
select2.length = 0; //每次都先清空一下市級菜單
if(select1 != '請選擇省份') {
for(var i in city[select1 ]) {
select2.add(new Option(city[select1][i], city[select1][i]), null);
}
}else if (sheng == '請選擇省份'){
select2.length = 0;
select2.add(new Option("請選擇城市", "請選擇城市"), null);
}
}
window.onload = allCity();
</script>
</body>
</html>
JavaScript實現二級聯動
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.