全国省市下拉菜单实现（疫情状态下），省市下钻至市、区级

全国省市下拉菜单实现（疫情状态下），省市下钻至市、区级

毕业设计中涉及和使用了全国省市下拉菜单实现（疫情状态下），省市下钻至市、区级的功能。在网上了找了部分代码，有的不全，有的无法与后端进行交互。
由于毕设中需要和后端交互，使用Ajax请求。所以结合网上的代码，自己总结了实现代码。如果呦不需要数据可以删去即可（例如境外输入等特别数据）
该效果图如下：

实现代码：

<form id="addForm" action="selectCondition" method="post">
            <select id="province" name="provinceShortName">
              <option value="-1" >请选择</option>
            </select>
            <select id="city" name="cityName">
              <option value="-1" >请选择</option>
            </select>
            <button type="button" id="submitAdd" class="btn btn-info" onclick="doit();dothat();" >查询</button>
          </form>

js代码：

<script  type="text/javascript">

            //省份短名
            const provinceList = ['上海', '云南', '广东','台湾','福建','香港','澳门','四川','陕西','海南','浙江','北京','江苏','天津','山西','湖北','河南',
              '山东','重庆','湖南','内蒙古','广西','甘肃','黑龙江','河北','安徽','新疆','江西','吉林','辽宁','贵州','宁夏','青海','西藏'
            ];
            //直辖市下的区县或者省份下面的市区
            const cityList = [
              ['境外输入','外地来沪','浦东新区','宝山区','黄浦区','闵行区','徐汇区','静安区','松江区','长宁区','普陀区','杨浦区','嘉定区','奉贤区','虹口区','青浦区','金山区','崇明区','境外来沪'],
              ['德宏州','境外输入','昆明','昭通',