<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>省市级联</title>
</head>
<body>
    <label for="province">省份:</label>
    <select id="province" name="province">
        <option value="">请选择</option>
        <option value="1">北京市</option>
        <option value="2">上海市</option>
        <option value="3">天津市</option>
        <option value="4">重庆市</option>
        <option value="5">河北省</option>
        <option value="6">山西省</option>
        <option value="7">辽宁省</option>
        <option value="8">吉林省</option>
        <option value="9">黑龙江省</option>
        <option value="10">江苏省</option>
        <option value="11">浙江省</option>
        <option value="12">安徽省</option>
        <option value="13">福建省</option>
        <option value="14">江西省</option>
        <option value="15">山东省</option>
        <option value="16">河南省</option>
        <option value="17">湖北省</option>
        <option value="18">湖南省</option>
        <option value="19">广东省</option>
        <option value="20">广西壮族自治区</option>
        <option value="21">海南省</option>
        <option value="22">四川省</option>
        <option value="23">贵州省</option>
        <option value="24">云南省</option>
        <option value="25">西藏自治区</option>
        <option value="26">陕西省</option>
        <option value="27">甘肃省</option>
        <option value="28">青海省</option>
        <option value="29">宁夏回族自治区</option>
        <option value="30">新疆维吾尔自治区</option>
        <option value="31">台湾省</option>
        <option value="32">香港特别行政区</option>
        <option value="33">澳门特别行政区</option>
    </select>
    <br>
    <label for="city">城市:</label>
    <select id="city" name="city">
        <option value="">请选择</option>
    </select>
    <script>
        var province = document.getElementById("province");
        var city = document.getElementById("city");
        var cities = [
            [],
            ['北京市'],
            ['上海市'],
            ['天津市'],
            ['重庆市'],
            ['石家庄市', '唐山市', '秦皇岛市', '邯郸市', '邢台市', '保定市', '张家口市', '承德市', '沧州市', '廊坊市', '衡水市'],
            ['太原市', '大同市', '阳泉市', '长治市', '晋城市', '朔州市', '晋中市', '运城市', '忻州市', '临汾市', '吕梁市'],
            ['沈阳市', '大连市', '鞍山市', '抚顺市', '本溪市', '丹东市', '锦州市', '营口市', '阜新市', '辽阳市', '盘锦市', '铁岭市', '朝阳市', '葫芦岛市'],
            ['长春市', '吉林市', '四平市', '辽源市', '通化市', '白山市', '松原市', '白城市', '延边朝鲜族自治州'],
            ['哈尔滨市', '齐齐哈尔市', '鸡西市', '鹤岗市', '双鸭山市', '大庆市', '伊春市', '佳木斯市', '七台河市', '牡丹江市', '黑河市', '绥化市', '大兴安岭地区'],
            ['南京市', '无锡市', '徐州市', '常州市', '苏州市', '南通市', '连云港市', '淮安市', '盐城市', '扬州市', '镇江市', '泰州市', '宿迁市'],
            ['杭州市', '宁波市', '温州市', '嘉兴市', '湖州市', '绍兴市', '金华市', '衢州市', '舟山市', '台州市', '丽水市'],
            ['合肥市', '芜湖市', '蚌埠市', '淮南市', '马鞍山市', '淮北市', '铜陵市', '安庆市', '黄山市', '滁州市', '阜阳市', '宿州市', '巢湖市', '六安市', '亳州市', '池州市', '宣城市'],
            ['福州市', '厦门市', '莆田市', '三明市', '泉州市', '漳州市', '南平市', '龙岩市', '宁德市'],
            ['南昌市', '景德镇市', '萍乡市', '九江市', '新余市', '鹰潭市', '赣州市', '吉安市', '宜春市', '抚州市', '上饶市'],
            ['济南市', '青岛市', '淄博市', '枣庄市', '东营市', '烟台市', '潍坊市', '济宁市', '泰安市', '威海市', '日照市', '莱芜市', '临沂市', '德州市', '聊城市', '滨州市', '菏泽市'],
            ['郑州市', '开封市', '洛阳市', '平顶山市', '安阳市', '鹤壁市', '新乡市', '焦作市', '濮阳市', '许昌市', '漯河市', '三门峡市', '南阳市', '商丘市', '信阳市', '周口市', '驻马店市'],
            ['武汉市', '黄石市', '十堰市', '宜昌市', '襄阳市', '鄂州市', '荆门市', '孝感市', '荆州市', '黄冈市', '咸宁市', '随州市', '恩施土家族苗族自治州', '省直辖县级行政区划'],
            ['长沙市', '株洲市', '湘潭市', '衡阳市', '邵阳市', '岳阳市', '常德市', '张家界市', '益阳市', '郴州市', '永州市', '怀化市', '娄底市', '湘西土家族苗族自治州'],
            ['广州市', '韶关市', '深圳市', '珠海市', '汕头市', '佛山市', '江门市', '湛江市', '茂名市', '肇庆市', '惠州市', '梅州市', '汕尾市', '河源市', '阳江市', '清远市', '东莞市', '中山市', '潮州市', '揭阳市', '云浮市'],
            ['南宁市', '柳州市', '桂林市', '梧州市', '北海市', '防城港市', '钦州市', '贵港市', '玉林市', '百色市', '贺州市', '河池市', '来宾市', '崇左市'],
            ['海口市', '三亚市', '三沙市', '儋州市', '省直辖县级行政区划'],
            ['成都市', '自贡市', '攀枝花市', '泸州市', '德阳市', '绵阳市', '广元市', '遂宁市', '内江市', '乐山市', '南充市', '眉山市', '宜宾市', '广安市', '达州市', '雅安市', '巴中市', '资阳市', '阿坝藏族羌族自治州', '甘孜藏族自治州', '凉山彝族自治州'],
            ['贵阳市', '六盘水市', '遵义市', '安顺市', '毕节市', '铜仁市', '黔西南布依族苗族自治州', '黔东南苗族侗族自治州', '黔南布依族苗族自治州'],
            ['昆明市', '曲靖市', '玉溪市', '保山市', '昭通市', '丽江市', '普洱市', '临沧市', '楚雄彝族自治州', '红河哈尼族彝族自治州', '文山壮族苗族自治州', '西双版纳傣族自治州', '大理白族自治州', '德宏傣族景颇族自治州', '怒江傈僳族自治州', '迪庆藏族自治州'],
            ['拉萨市', '日喀则市', '昌都市', '林芝市', '山南市', '那曲地区', '阿里地区'],
            ['西安市', '铜川市', '宝鸡市', '咸阳市', '渭南市', '延安市', '汉中市', '榆林市', '安康市', '商洛市'],
            ['兰州市', '嘉峪关市', '金昌市', '白银市', '天水市', '武威市', '张掖市', '平凉市', '酒泉市', '庆阳市', '定西市', '陇南市', '临夏回族自治州', '甘南藏族自治州'],
            ['西宁市', '海东市', '海北藏族自治州', '黄南藏族自治州', '海南藏族自治州', '果洛藏族自治州', '玉树藏族自治州', '海西蒙古族藏族自治州'],
            ['银川市', '石嘴山市', '吴忠市', '固原市', '中卫市'],
            ['乌鲁木齐市', '克拉玛依市', '吐鲁番市', '哈密市', '昌吉回族自治州', '博尔塔拉蒙古自治州', '巴音郭楞蒙古自治州', '阿克苏地区', '克孜勒苏柯尔克孜自治州', '喀什地区', '和田地区', '伊犁哈萨克自治州', '塔城地区', '阿勒泰地区', '自治区直辖县级行政区划'],
            ['台北市', '高雄市', '基隆市', '台中市', '台南市', '新竹市', '嘉义市', '省直辖行政单位'],
            ['香港特别行政区'],
            ['澳门特别行政区']
        ];
        province.onchange = function () {
            city.innerHTML = "";
            var selected = province.selectedIndex;
            for (var i = 0; i < cities[selected].length; i++) {
                var option = document.createElement("option");
                option.innerHTML = cities[selected][i];
                city.appendChild(option);
            }
        }
    </script>
</body>
</html>
帮我生成一个省市级联html代码

原文地址: https://www.cveoy.top/t/topic/bu7C 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录