省市二级联动

最新推荐文章于 2021-02-12 10:30:42 发布

奋斗的小黑

最新推荐文章于 2021-02-12 10:30:42 发布

阅读量300

点赞数

分类专栏： java基础

本文链接：https://blog.csdn.net/qq_42225336/article/details/89684591

版权

java基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSDN</title>
    <script>
        //创建二维数组
        var arr = new Array(5);
        arr[0] = new Array("顺义区", "朝阳区", "通州区", "海淀区");
        arr[1] = new Array("虹口区", "青浦区", "浦东新区", "嘉定区");
        arr[2] = new Array("石家庄", "保定", "沧州", "张家口");
        arr[3] = new Array("安阳", "郑州", "南阳", "信阳");
        arr[4] = new Array("苏州", "南京", "连云港", "宿迁");

        function changefun(index) {
            //接收选择的数组
            var cityArr = arr[index];
            var city = document.getElementById("city");
            city.innerHTML = "<option>" + "--请选择--" + "</option>"
            for (var i = 0; i < cityArr.length; i++) {
                city.innerHTML += "<option>" + cityArr[i] + "</option>"
            }
        }
    </script>
</head>

<body>
<form action="#" method="get">
    <select name="sheng" id="sheng" onchange="changefun(this.value)">
        <option>--请选择--</option>
        <option value="0">北京</option>
        <option value="1">上海</option>
        <option value="2">河北</option>
        <option value="3">河南</option>
        <option value="4">江苏</option>
    </select>
    <select name="city" id="city">
        <option>--请选择--</option>
    </select>
</form>

</body>
</html>