<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select id="setPro" onchange="changeCity()">
<option value="https://bbs.csdn.net/topics/0">請選擇</option>
<option value="https://bbs.csdn.net/topics/四川省">四川省</option>
<option value="https://bbs.csdn.net/topics/吉林省">吉林省</option>
<option value="https://bbs.csdn.net/topics/吉林省">云南省</option>
</select>
<select>
<option id="setCity" value="https://bbs.csdn.net/topics/0">請選擇</option>
</select>
</body>
<script>
function changeCity(){
var cityList = {
"四川省": ["綿陽", "成都", "自貢", "攀枝花", "德陽", "瀘州", "眉山", "廣元", "遂寧", "內江", "樂山", "資陽", "巴中", "廣安", "宜賓", "南充", "達州", "雅安", "阿壩", "甘孜"],
"吉林省": ["延邊", "松原", "長春", "吉林", "四平", "公主", "遼源", "通化", "白山", "白城"],
"云南省": ["西雙版納", "文山", "昆明", "曲靖", "玉溪", "招通", "保山", "麗江", "普洱", "迪慶", "大理", "楚雄", "紅河"]
}
var pro = document.getElementById("setPro").value;
var city = document.getElementById("setCity")
for (var i in cityList[pro]){
var op =new Option(cityList[pro][i],cityList[pro][i]);
city.options.add(op);
}
}
</script>
</html>
我這個代碼一直報錯 "Uncaught TypeError: Cannot read property 'add' of undefined" 能不能幫我看一下
uj5u.com熱心網友回復：
你 id="setCity" 寫在option標簽上了，應該是
<select id="setCity">
<option value="https://bbs.csdn.net/topics/0">請選擇</option>
</select>
uj5u.com熱心網友回復：
嗯嗯，改對啦，謝謝啦轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/91244.html
標籤：JavaScript