现住地址选择省份

最新推荐文章于 2023-10-16 00:02:28 发布

Lizenglong0622

最新推荐文章于 2023-10-16 00:02:28 发布

阅读量210

点赞数

文章标签： javascript wpf webview

本文链接：https://blog.csdn.net/xin040818/article/details/121731944

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div>
    现居住地：
    <select id="selProvince" οnchange="changeCity( )" style="width:100px">
        <option>--选择省份--</option>
    </select>
    <select id="selCity" style="width:100px">
        <option>--选择城市--</option>
    </select>
</div>
<script src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
    function addProvince() {
        var province = document.getElementById("selProvince");
        province.add(new Option("北京市", "北京市", null));
        province.add(new Option("上海市", "上海市", null));
        province.add(new Option("河南省", "河南省", null));
    }

    function changeCity() {
        var province = document.getElementById("selProvince").value;
        var city = document.getElementById("selCity");
        city.innerHTML = "";//先清空再赋值
        switch(province) {
            case "北京市":
                city.add(new Option("--选择城市--"));
                city.add(new Option("朝阳区", "朝阳区"), null);
                city.add(new Option("东城区", "东城区"), null);
                city.add(new Option("海淀区", "海淀区"), null);
                break;
            case "上海市":
                city.add(new Option("--选择城市--"));
                city.add(new Option("宝山区", "宝山区"), null);
                city.add(new Option("长宁区", "长宁区"), null);
                city.add(new Option("丰贤区", "丰贤区"), null);
                break;
            case "河南省":
                city.add(new Option("--选择城市--"));
                city.add(new Option("郑州市", "郑州市"), null);
                city.add(new Option("平顶山市", "平顶山市"), null);
                city.add(new Option("安阳市", "安阳市"), null);
                break;
            default:
                city.add(new Option("--选择城市--"));
        }
    }
    window.onload(addProvince());
</script>
</body>
</html>