使用ajax怎么实现三级联动-创新互联
本篇文章为大家展示了使用ajax怎么实现三级联动，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
站在用户的角度思考问题，与客户深入沟通，找到敦煌网站设计与敦煌网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站建设、
网站制作、企业官网、英文网站、手机端网站、网站推广、域名与空间、
雅安服务器托管、企业邮箱。业务覆盖敦煌地区。
1.首先在一个页面上布置一个div 方便日后引用方法
//div的id为“sanji”
2.sanji js处理页面
$(document).ready(function(){
//向div里面放三个下拉菜单
var str = "
";
//给三个下拉列表定义 str 变量
$("#sanji").html(str);
FillSheng();
FillShi();
FillQu();//Sheng Shi Qu的逻辑顺序
$("#sheng").change(function(){
FillShi();
FillQu();
})//给sheng菜单添加点击事件
$("#shi").change(function(){
FillQu();
})//给shi菜单添加点击事件
});//页面加载完成之后过来执行某些代码3.填充sheng方法
function FillSheng()
{
var pcode = "";//定义一个变量
$.ajax({
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success:function(data){
var hang = data.split("^");
str +=""+lie[1]+"";
}
$("#sheng").html(str);
});
}2.填充shi方法
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);
}
});
}3.填充qu方法
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);
}
});
}4.chuli页面
StrQuery($sql);
上述内容就是使用ajax怎么实现三级联动，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
分享标题：使用ajax怎么实现三级联动-创新互联
网页路径：
http://cdkjz.cn/article/gghdp.html
