js 省份城市实现二级联动效果

最新推荐文章于 2022-12-04 20:38:52 发布

原创

最新推荐文章于 2022-12-04 20:38:52 发布 · 4.3k 阅读

收录于

当前文章被以下社区和专栏收录：

本文展示了一个使用JavaScript实现的省份城市二级联动效果。通过一个二维数组存储了不同省份及其对应的城市，当用户从省份下拉列表中选择一个省份时，会动态更新城市下拉列表，填充对应省份的城市选项。

var citys = new Array(); //一个二维数组，用于存储省市，依次对应
citys[1]=new Array("济南","青岛","烟台","济宁","德州","莱芜");
   citys[2]=new Array("安庆","阜阳","合肥","马鞍山","芜湖");
citys[3]=new Array("北京");
   citys[4]=new Array("福州","龙岩","宁德","莆田");
   citys[5]=new Array("潮州","佛山","广州");
function change(value){
     document.getElementById("city").options.length=0;
   for(
         var m =0 ;m<citys[value].length;m++){//如果用户选择了广东,则会将5传递到 change() 方法里，就会选择city[5]={.......}, 循环取出里面的城市
&nb