ajax三级联动怎么回显,简单实现ajax三级联动效果

本文实例为大家分享了ajax三级联动效果展示的具体代码，供大家参考，具体内容如下

主页面代码

Title

请选择

请选择

请选择

$.ajax({

data: {parent_id: 0}, //发送的数据

dataType: "json", //返回值的类型 text为string型

type: 'post', //发送请求的方法(get)

url: 'sheng_l.php',//发送请求的地址

success: function (data) {//发送成功时的回调函数

// console.log(data);

for (var i in data) {

$("#sheng").append("" + data[i][1] +"")

}

}

})

$(document).ready(function () {

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

$("#shi").get(0).options.length= 1;

// $("#qu").get(0).options.length= 1;

var data = $("#sheng").find("option:selected").val();

$.ajax({

data:{parent_id:data},

type:"post",

dataType:"json",

url:"sheng_l.php",

success:function (data) {

for(var i in data){

$("#shi").append("" + data[i][1] +"")

}

}

})

})

})

$(document).ready(function () {

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

$("#qu").get(0).options.length= 1;

var data = $("#shi").find("option:selected").val();

$.ajax({

data:{parent_id:data},

type:"post",

dataType:"json",

url:"sheng_l.php",

success:function (data) {

for (var i in data){

$("#qu").append("" +data[i][1] +"")

}

}

})

})

})

处理页面代码

/**

* Created by fcc

* User: Administrator

* Date: 2017/10/29

* Time: 20:56

*/

require_once "../wenjian/DBDA.class.php";

$db = new DBDA();

$sql = "select * from region WHERE father_id = {$_POST['parent_id']}";

$result = $db->Query($sql);

echo json_encode($result);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。