ajax-jq-php(mysql)四级省市级联

原创 2016年08月31日 14:55:27
function getprov(){
var prov=$("#pro");
var str="";
ajax("tcentre.php",str,  
        function(data){  
          var obj = eval('('+data+')');
            $("#pro").empty();  
            $("#pro").prepend("<option value='-1'>请选择市</option>");           
            for(var p in obj){  
                $("#pro").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");  

            }  
        }  
    );
}

function getcity(){  
    var a = $("#pro").val();
    var str="code="+a;  

    ajax("tcentre1.php",str,  
        function(data){  
            var obj = eval('('+data+')');
            $("#city").empty();  
            $("#city").prepend("<option value='-1'>请选择市</option>");           
            for(var p in obj){  
                $("#city").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");  

            }  
        }  
    );    
}  
function getq(){  
    var a = $("#city").val();  
    var str="code="+a;

    ajax("tcentre2.php",str,
        function(data){  
           var obj = eval('('+data+')');  
            $("#zone").empty();  
            $("#zone").prepend("<option value='-1'>请选择区</option>");           
            for(var p in obj){  
                $("#zone").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");  

            }  
        }  
    );  
}  
function gets(){  
    var a = $("#zone").val();  
    var str="code="+a;

    ajax("tcentre3.php",str,
        function(data){  
           var obj = eval('('+data+')');  
            $("#street").empty();  
            $("#street").prepend("<option value='-1'>请选择街道</option>");           
            for(var p in obj){  
                $("#street").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");  

            }  
        }  
    );  
}  


function ajax(url,poststr,success) {

  var xmlhttp =  new XMLHttpRequest();
  xmlhttp.open("POST",url);

  xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");


  xmlhttp.send(poststr);

  xmlhttp.onreadystatechange = function () {
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
      success(xmlhttp.responseText);

    }
  }
}

body onload=”getprov()”
select name=”province” id=”pro” onchange=”getcity()”
option 请选择省 option
select
select name=”city” id=”city” onchange=”getq()”
option 请选择市 option
select
select name=”zone” id=”zone” onchange=”gets()”
option请选择区/option
select
select name=”street” id=”street”
option 请选择街道 option
select
body

 include 'db.php';
 $db = new DB();
  $sql = "select * from diqudaima where areaid=1";
 $res=$db->get($sql);
 $arr = array();
 for($i=1;$i<count($res);$i++){
  $arr[$i-1]['province'] = $res[$i-1][1];
  $arr[$i-1]['city'] = $res[$i-1][2];
  $arr[$i-1]['zonename'] = $res[$i-1][5];
  $arr[$i-1]['zonecode'] = $res[$i-1][4];
 }
 $a = json_encode($arr);
 echo $a;


include 'db.php';
      $db = new DB();
      $code = $_POST['code'];
      $sql = "select * from diqudaima where areaid='2' and zonecode like '$code%'";
       $res=$db->get($sql);
      $arr =array();
      for($i=1;$i<count($res);$i++){
      $arr[$i-1]['province'] = $res[$i-1][1];
      $arr[$i-1]['city'] = $res[$i-1][2];
      $arr[$i-1]['zonename'] = $res[$i-1][5];
      $arr[$i-1]['zonecode'] = $res[$i-1][4];
           }
           $a = json_encode($arr);
           echo $a;


include 'db.php';
      $db = new DB();
      $code = $_POST['code'];
      $sql = "select * from diqudaima where areaid='3' and zonecode like '$code%'";
       $res=$db->get($sql);
      $arr =array();
           for($i=1;$i<count($res);$i++){
      $arr[$i-1]['province'] = $res[$i-1][1];
      $arr[$i-1]['city'] = $res[$i-1][2];
      $arr[$i-1]['zonename'] = $res[$i-1][5];
      $arr[$i-1]['zonecode'] = $res[$i-1][4];
           }
           $a = json_encode($arr);
           echo $a;


include 'db.php';
      $db = new DB();
      $code = $_POST['code'];
      $sql = "select * from diqudaima where areaid='4' and zonecode like '$code%'";
       $res=$db->get($sql);
      $arr =array();
           for($i=1;$i<count($res);$i++){
      $arr[$i-1]['province'] = $res[$i-1][1];
      $arr[$i-1]['city'] = $res[$i-1][2];
      $arr[$i-1]['zonename'] = $res[$i-1][5];
      $arr[$i-1]['zonecode'] = $res[$i-1][4];
           }
           $a = json_encode($arr);
           echo $a;

jQuery 省市区多级(三级/四级/五级。。。)联动 BY 凨来了

/** * 省市县区三级多级联动 * author:凨来了 */ jQuery(function($) { var city=[],cityName=[]; $.fn.city ...
  • wljk506
  • wljk506
  • 2014年06月17日 17:51
  • 4281

jquery ajax实现省市二级联动

今天给大家带来使用jQuery ajax实现的省市联动效果。我们直奔主题,先说下实现思路:准备数据这里数据库我使用的是mysql,先看下表格: provience表 city表 这里使用...
  • mockingbirds
  • mockingbirds
  • 2015年07月11日 15:41
  • 9786

php+js+ajax+mysql实现省市三级联动

思路:先获取所选省的市或者是所选时的县,将获取的数据转换为jason格式的字符串返回到ajax客户端,在客户端使用eval将jason格式的字符串转化为对象,将对象的每个元素值创建成文本节点,并创建o...
  • u011986449
  • u011986449
  • 2014年01月05日 21:24
  • 2361

js、jq实现省市级联

$(document).ready(function(){ var arr = new Array(); //直辖市 arr["北京市"] = ["东城", "东城", "西城", "西城", ...
  • ocp114
  • ocp114
  • 2016年06月08日 16:57
  • 358

js、jq、实现全国省市级联

$(document).ready(function(){ var arr = new Array(); //直辖市 arr["北京市"] = ["东城", "东城", "西城", "西城", ...
  • ocp114
  • ocp114
  • 2016年06月08日 16:54
  • 261

JS—我的第五个AJAX程序(省市级联、JSON传递)

前端: common.js function $(id) { return document.getElementById(id); } function createXhr(){ var ...
  • spfLinux
  • spfLinux
  • 2017年10月31日 17:39
  • 142

Jquery+php+mysql建立省市级三级联动【很简单的构思】

前边写过一篇类似的,那是用的纯js,这地把js换成jquery代码简介好理解。思路和以前的一样,都是ajax从php获取数据表内容。 数据表很奇葩,但是很有规律,比如北京市的id为1...
  • dyushuo6230
  • dyushuo6230
  • 2014年01月07日 13:52
  • 3951

Ajax实现省市级联

SSM框架,Ajax实现页面功能 function queryProvince(){ $.ajax({ type:"post", url:"userinfo/qu...
  • wk3500
  • wk3500
  • 2017年06月21日 23:10
  • 73

JS—我的第四个AJAX程序(省市级联)

前端: commen.js function $(id) { return document.getElementById(id); } function createXhr(){ var ...
  • spfLinux
  • spfLinux
  • 2017年10月31日 12:41
  • 93

WebWork结合Ajax提供国家,省市级联菜单

class=java name="code">下面是多选框,其中的值有script载入   class=java name="code">"provinceId" name="province" on...
  • feng5588feng
  • feng5588feng
  • 2012年03月20日 22:33
  • 249
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax-jq-php(mysql)四级省市级联
举报原因:
原因补充:

(最多只允许输入30个字)