省市二级菜单

来源：互联网发布：淘宝韩版女装店铺装修编辑：程序博客网时间：2024/04/30 01:56
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>省市菜单</title>    <script>        var arr=[['选择市'],            ["东城区","西城区","朝阳区","海淀区","丰台区","石景山区","房山区","通州区","顺义区","大兴区","昌平区","平谷区","怀柔区"],            ["珠海市","汕头市","佛山市","韶关市","湛江市","肇庆市","江门市","茂名市","惠州市","梅州市","汕尾市","河源市","阳江"],            ["郑州","开封","洛阳","南阳","漯河","许昌","三门峡","平顶山","周口","驻马店","新乡","鹤壁","焦作","濮阳","济源"],            ["贵阳市","遵义市","安顺","六盘水","铜仁","凯里"]];        function selectedProvice(){            var provice=document.getElementById("provice");            var index=provice.selectedIndex;            var citys=arr[index];            var city=document.getElementById("city");            city.length=0;            for (var c in citys){             var test=document.createElement("option");                test.innerHTML=citys[c];                city.appendChild(test);            }        }    </script></head><body><select name="" id="provice" onchange="selectedProvice()">    <option value="" >请选择省份</option>    <option value="" >北京</option>    <option value="" >广东</option>    <option value="" >河南</option>    <option value="" >贵州</option></select><select name="" id="city">    <option value="" >请选择市级</option> </select></body></html>
0 0