级联列表练习

最新推荐文章于 2024-08-14 15:45:18 发布

flopped

最新推荐文章于 2024-08-14 15:45:18 发布

阅读量61

点赞数

本文链接：https://blog.csdn.net/flopped/article/details/124315076

版权

关键词由CSDN通过智能技术生成

<!DOCTYPE html>

<head>

</head>

<body>

var str=""

var provinces=["河北","河南","山东","山西","北京"]

for(var n=0;n<provinces.length;n++){

str=str+"<option>"+provinces[n]+"</option>"

}

var sl1=document.getElementById("sl1")

sl1.innerHTML=str

var citys=[["沧州","秦皇岛","唐山","石家庄"],["洛阳","开封"],["济南","青岛"],["太原","大同"],["朝阳","昌平"]]

var str1=""

for(var n=0;n<citys[0].length;n++){

str1=str1+"<option>"+citys[0][n]+"</option>"

}

var sl2=document.getElementById("sl2")

sl2.innerHTML=str1

sl1.οnchange=function(){

var index=sl1.selectedIndex

var str1=""

for(var n=0;n<citys[index].length;n++){

str1=str1+"<option>"+citys[index][n]+"</option>"

}

sl2.innerHTML=str1

}

</script>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注