显示页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="../../popwindow/jquery-1.11.2.min.js"></script>

</head>

<body>

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

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    //创建表单

 var zhuti="<select size='1' id='sheng'></select><select size='1' id='shi'></select><select size='1' id='qu'></select>";

      $("#sanji").html(zhuti);

      //填充sheng

        FillSheng();

      //填充shi

        FillShi();

      //填充qu

        Fillqu();

        //当选中省变化的时候去填充市和区

        $("#sheng").change(function(e) {

            //填充shi

        FillShi();

      //填充qu

        Fillqu();

         });

        //当市选中的时候去选中区

        $("#shi").change(function(e) {

           //填充qu

        Fillqu();

        });

});

function FillSheng()

{

    var pcode="";//省的父级代号

    //调用ajax

    $.ajax({

        async:false,//关闭同步开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {     //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

        var str="";

         for(var i=; i<hang.length;i++)

         {

            var lie= hang[i].split("^");

            str=str+"<option value='"+lie[]+"'>"+lie[]+"</option>";

         }

         $("#sheng").html(str);

    }

    });

}

function FillShi()

{

    var pcode=$("#sheng").val(); //市的父级代号

    //调用ajax

    $.ajax({

        async:false,//开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {    //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

        var str="";

         for(var i=; i<hang.length;i++)

         {

            var lie= hang[i].split("^");

            str=str+"<option value='"+lie[]+"'>"+lie[]+"</option>";

         }

         $("#shi").html(str);

    }

    });

}

function Fillqu()

{

    var pcode=$("#shi").val();//市的父级代号

    //调用ajax

    $.ajax({

        async:false,//关闭同步开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {     //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

          var str="";

         for(var i=; i<hang.length;i++)

         {

            var lie= hang[i].split("^");

            str=str+"<option value='"+lie[]+"'>"+lie[]+"</option>";

         }

         $("#qu").html(str);

    }

    });

}

</script>

</html>

处理页面

<?php

//接受父级代号

$pcode=$_POST["pcode"];

include ("../DBDA.class.php");

$db=new DBDA();

//根据父代号查询

$sql="select * from chinastates where parentareacode='{$pcode}'";

echo $db->StrQuery($sql);

封装类

<?php

class DBDA

{

    public $host="localhost";    //服务器地址

    public $uid="root";             //用户名

    public $pwd="";             //密码

    public $dbconnect; //连接对象

    //操作数据库的方法

    //$sql代表需要执行的SQL语句

    //$type代表SQL语句的类型，1代表查询，2代表增删改

    //$dbname代表要操作的数据库名称

    //如果是查询，返回二维数组

    //如果是增删改，返回true或false

    /*ajax text 返回类型*/

    public function StrQuery($sql,$type=,$dbname="")

    {

        //造连接对象

        $this->dbconnect= new MYSQLi($this->host,$this->uid,$this->pwd,$dbname);

        if (!mysqli_connect_error())

        {

            //如果连接成功，执行sql语句

            $result = $this->dbconnect->query($sql);

            //根据语句判断

            if($type==)

            {

                $attr=$result->fetch_all();

                $str="";

                    //如果是查询语句返回字符串

                for($i=;$i<count($attr);$i++)

                {

                    for($j=;$j<count($attr[$i]);$j++)

                    {

                    $str = $str.$attr[$i][$j];

                    $str = $str."^";

                    }

                    $str = substr($str,,strlen($str)-);

                    $str = $str."|";

                }

                $str = substr($str,,strlen($str)-);

                return $str;

            }

            else

            {

                    //如果是其他语句,返回true或false

            if($result){

                return "OK";

            }else{

                return "NO";

            }

            }

        }

        else

        {

             return "连接失败";

        }

    }

}

ajax练习习题二三级联动的更多相关文章

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下 ...
多级联动系列——ajax调用XML实现三级联动
ajax 使用起来特别的方便,再也不操心浏览器兼容问题了.用ajax调用XML页面中的内容,来生成三级联动,OK废话不多说,跟着我一步步写吧. 首先写一个XML文件.data.xml <?xml ...
【2017-06-06】Ajax完整结构、三级联动的制作
一.Ajax完整结构 $.ajax({ url:"Main.ashx", data:{}, dataType:"json", type:"post&q ...
用php+mysql+ajax+jquery做省市区三级联动
要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates ...
ajax加php实现三级联动
js代码 <script type="text/javascript"> function get_next(t,pid){ //当前元素的id,当前optio ...
Ajax做无刷新三级联动
1.引入JS and Jquery包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
如何用jquery+ajax写省市区的三级联动？（封装和不封装两种方式）-----2017-05-14
首先,要实现如下图效果, 1.要理清思路: 先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容,第三个同理. 2.用到的数据库表:Chinastates表规律:根据国 ...
ajax 城市区域选择三级联动
<body onLoad="sheng()"><div class="xqbody"> <form action=" ...
Ajax省市地区下拉列表三级联动
SQL数据库表 --创建Province表 CREATE TABLE [dbo].[Province]( [Id] [int] NULL, [Name] [varchar](50) NULL, [or ...

随机推荐

Class类工具 - ClassUtils.java
Class类工具,提供操作class类的方法.<br/>比如:获知类.方法上是否有注解,获取类注解,获取某package下所有class等. 源码如下:(点击下载 - ClassUtils ...
BCP command usage in SQL Server
The bcp Command-Line Utility You use the bcp (bulk copy program) tool to address the bulk movement o ...
SQL-行转列（PIVOT）实例1
--未旋转之前的查询结果 select s.Name ShiftName,h.BusinessEntityID,d.Name as DpartmentName from HumanResources. ...
UIResponder
原网址:http://www.cnblogs.com/kuku/archive/2011/11/12/2246389.html 在 iOS 中,一个 UIResponder 对象表示一个可以接收触摸屏 ...
[haoi2009]毛毛虫树形dp
这道题细节处理不少,但要AC不难: 设以i节点为根节点的子树能形成的最大的毛毛虫长度为f[i],则f[i]=max(f[j])+i节点的孩子数: 答案需要f最大和次大的两个子树合并,而且若合并的位置不 ...
导入ApiDemo报错，找不到R文件
1.先检查当前ApiDemo对应的SDK版本是否一致(项目右键-Properties-Android) 2.查看是什么错误.我的就是layout中的progressbar_2.xml中所有组件的id前 ...
ios获取远程json数据
NSMutableArray *arr; arr = [[NSMutableArray alloc]init];//全局 NSURL *url = [NSURL URLWithString:@&quo ...
Git常用命令大全
查看.添加.提交.删除.找回,重置修改文件 git help <command> # 显示command的help git show # 显示某次提交的内容 git show $id gi ...
微信电脑版也能用公众号自定义菜单微信1.2 for Windows发布
昨日,微信电脑版发布更新,版本为微信1.2 for Windows,最大的特色就是加入了保存聊天记录功能,可以使用公账号菜单,手机上收藏的表情也能在电脑版上发送,可以接收转账消息. 本次微信pc版更新 ...
mysql去除重复查询的SQL语句基本思路
SELECT R.* FROM trans_flow R, (SELECT order_no, MAX(status_time) AS status_time FROM trans_flow GROU ...

ajax练习习题二三级联动

显示页面

处理页面

封装类

ajax练习习题二三级联动的更多相关文章

随机推荐

热门专题