PHP 三级联动

Posted Yao1101

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了PHP 三级联动相关的知识，希望对你有一定的参考价值。

三级联动主页面

<script src="jquery-1.11.2.min.js"></script>
<script src="sanji.js"></script>
</head>

<body>
<div id="sanji"></div>
</body>
</html>

三级联动处理页面

<?php
//取到传过来的父级代号
$pcode = $_POST["pcode"];
//引入数据操作类
include("DBDA.php");
$db = new DBDA();

//写SQL语句
$sql = "select AreaCode,AreaName,ParentAreaCode from ChinaStates where ParentAreaCode=‘{$pcode}‘";
//执行
echo $db->StrQuery($sql);

三级联动js页面

// javascript Document
$(document).ready(function(e) {
    
    //将DIV里面写入三个下拉列表
    $("#sanji").html("<select id=‘sheng‘></select><select id=‘shi‘></select><select id=‘qu‘></select>");
    
    //填充内容
    //1.填充省
    FillSheng();
    //2.填充市
    FillShi();
    //3.填充区
    FillQu();
    
    //如果省选中变化的时候，去填充市和区
    $("#sheng").change(function(){
        
        //改变市
        FillShi();
        //改变区
        FillQu();
        
        })
    //如果市选中变化的时候，去填充区
    $("#shi").change(function(){
        
        //改变区
        FillQu();
        
        })
    
    //填充省的方法
    function FillSheng()
    {
        //找到父级代号
        var pcode = "0001"; 
        //调用Ajax
        $.ajax({
            
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                
                var str  = "";
                var hang = data.split("|");    
                
                for(var i=0; i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>";
                }
                
                $("#sheng").html(str);
                
                }
            });
    }
    //填充市的方法
    function FillShi()
    {
        //找到父级代号
        var pcode = $("#sheng").val(); 
        //调用Ajax
        $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                var str  = "";
                var hang = data.split("|");    
                
                for(var i=0; i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>";
                }
                
                $("#shi").html(str);
                }
            });
    }
    
    //填充区的方法
    function FillQu()
    {
        //找到父级代号
        var pcode = $("#shi").val(); 
        //调用Ajax
        $.ajax({
            async:false,
            url:"chuli.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                var str  = "";
                var hang = data.split("|");    
                
                for(var i=0; i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str += "<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>";
                }
                
                $("#qu").html(str);
                }
            });
    }
    
    
});

 

以上是关于PHP 三级联动的主要内容，如果未能解决你的问题，请参考以下文章

ajax加php实现三级联动

PHP 三级联动

ajax结合php简单的城市三级联动

PHP开发中基于layUI的三级联动效果如何实现

PHP + jQuery + Json 实现中国省市区三级联动

关于php+mysql+ajax省市区三级联动菜单，求帮助