用php实现城市地区三级联动 附带数据库

     用php实现城市地区三级联动，可以把它做成小插件的形式，以后需要，可以随时调

    来看一下怎么来做

    先来写个p然后，再引入js包

    引入的js文件，取名为sanji.js  

    然后来看看js文件是怎么写的

$(document).ready(function(e) {    
    //向p里面扔三个下拉
    var str = "";
    $("#sanji").html(str);
    
    FillSheng();
    FillShi();
    FillQu();//选中项变化    
    $("#sheng").change(function(){                
            FillShi();
            FillQu();
        })
    $("#shi").change(function(){
            FillQu();
        })
});//填充省的方法function FillSheng()
{    var pcode = "0001";       //父级代号    $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){              //回调函数
                    var hang = data.split("|");    //根据行与行的分隔符来拆
                    var str = "";                    for(var i=0;i"+lie[1]+"";    //中间显示地区名称                    }
                    $("#sheng").html(str);        //把显示的地区名称填充进去                }
        });
}//填充市的方法function FillShi()
{    var pcode = $("#sheng").val();
    $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){                    var hang = data.split("|");                    var str = "";                    for(var i=0;i"+lie[1]+"";
                    }
                    $("#shi").html(str);
                }
        });
}//填充区的方法function FillQu()
{    var pcode = $("#shi").val();
    $.ajax({
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){                    var hang = data.split("|");                    var str = "";                    for(var i=0;i"+lie[1]+"";
                    }
                    $("#qu").html(str);
                }
        });
}

    只要写出一个来，其他两个和上面一个原理是一样的

    再来看处理页面，三项用一个处理页面

    看一下处理页面的代码

StrQuery($sql);

    数据库的地区表是chinastates

    根据传过来的父级代号来查所有数据

    最后运行起来的效果是这样的

    来看一下数据库的内容

    数据库内容很多，三级联动里的地区名称都在里面，采用的是代号副代号的方式

    比如说北京吧，北京的代号是11，它下面的北京市副代号就11， 北京市的主代号是1101，北京市下面的地区副代号就是1101，调地区的时候可以根据主代号查询和它相同的副代号，就能查询出来。

    以上就用php实现最简单的城市地区三级联动，由php中文网编辑整理！

相关文章：

立即学习“PHP免费学习笔记（深入）”；

citySHOP多用户商城系统

citySHOP是一款集CMS、网店、商品、分类信息、论坛等为一体的城市多用户商城系统，已完美整合目前流行的Discuz! 6.0论坛，采用最新的5.0版PHP+MYSQL技术。面向对象的数据库连接机制，缓存及80%静态化处理，使它能最大程度减轻服务器负担，为您节约建设成本。多级店铺区分及联盟商户地图标注，实体店与虚拟完美结合。个性化的店铺系统，会员后台一体化管理。后台登陆初始网站密匙：LOVES

下载

js 实现省市区三级联动菜单效果

实现ajax三级联动下拉菜单的实例代码

Yii2实现中国省市区三级联动实例