二级联动菜单

最新推荐文章于 2021-08-05 12:12:02 发布

JuanWY

最新推荐文章于 2021-08-05 12:12:02 发布

阅读量375

点赞数

本文链接：https://blog.csdn.net/JuanWY/article/details/47337757

版权

<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
</head>
    <body>
    	<select name="province" οnchange="diqu();">
    		<option value="0">请选择地区</option>
    		<option value="1">河南</option>
    		<option value="2">河北</option>
    		<option value="3">北京</option>
    	</select>
    	<select name="city"></select>
    </body>
    <script>
        var area=[
            '',
            ['郑州','开封','焦作'],
            ['石家庄','保定','廊坊'],
            ['海淀','西城','昌平']
            ];
    	function diqu(){

            //获取省
            var province = document.getElementsByName('province')[0];
            //alert(province.value);

            if(province.value==''){
                return;
            }

            for(var i = 0, len = area[province.value].length; i < len; i++){
                var str = str + '<option value="i">' +  area[province.value][i] + '</option>';
            }

            document.getElementsByName('city')[0].innerHTML = str ;
        }
    </script>
</html>