t;武汉", "鄂州", "黄冈"], "北京": ["朝阳区", "海淀区"]};
var s1Ele = document.getElementById('s1');
var s2Ele = document.getElementById('s2');
//for循环遍历每个省份
for (let p in data){
//创建一个标签对象
let proEle = document.createElement('option');
proEle.innerText = p; //将得到的省份存入option标签对象文本中
s1Ele.appendChild(proEle); //将标签对象添加到select id为s1的便签中
}
s1Ele.onchange = function () {
s2Ele.innerHTML = '';
let choice_p = s1Ele.value;
let cityList = data[choice_p];
for (let i=0;i<cityList.length;i++){
let cityEle = document.createElement('option');
cityEle.innerText = cityList[i];
s2Ele.appendChild(cityEle);
}
}
</script>
</body>
</html>
|