美文网首页IT技术篇程序员
用js for in实现省市级联

用js for in实现省市级联

作者: 抱着星星入睡 | 来源:发表于2019-10-31 09:49 被阅读0次

话不多说,直接上代码。

<body>
     请选择你居住的地方:
     <select id="province" onchange="myselect()"></select>&nbsp;&nbsp;
     <select id="city"></select>
</body>
<script>
        var array = new Array();
        array["湖南"] = ["长沙","衡阳","常德"];
        array["广东"] = ["广州","深圳","珠海"];
        array["北京"] = ["东城区","朝阳区","海淀区"];
        onload = function() {//页面加载完调用
            var province = document.getElementById("province");
            for(key in array) {//key就是数组下标
                var option = document.createElement("option");//创建节点
                option.value = key;
                option.text = key;
                province.options.add(option);//将节点添加到省
            }
            myselect();
        };
        function myselect() {//内容改变调用
            var city = document.getElementById("city");
            city.options.length=0;//清空前面的数据
            var  text  = document.getElementById("province").value;//获取选择的省
            for(key in array[text]) {
                var option = document.createElement("option");//创建节点
                option.value = array[text][key];
                option.text = array[text][key];
                city.options.add(option);//将节点添加到市
            }
        }
    </script>

相关文章

网友评论

    本文标题:用js for in实现省市级联

    本文链接:https://www.haomeiwen.com/subject/cmlovctx.html