用ajax实现三级联动的基本方法

这个例子为你分享ajax实现的具体代码,为三级联动,供大家参考,具体内容如下

前1。参考方法在页面布局后的方便日后



/ / DIV的ID是Sanji



2.sanji JS处理页面


$(文档)Ready(函数(){)

/ /把三下拉菜单区
var


三个下拉列表定义

$(#三基)。Html(STR);


FillSheng();
fillshi();
fillqu(); / /盛世的逻辑顺序


$(#盛)。变化(函数(){)

fillshi();
fillqu();
})到Sheng菜单添加一个单击事件

$(#石)。变化(函数(){)
fillqu();
})到执行菜单中添加单击事件


};在页面完成加载某些代码之后




三.填充Sheng方法


FillSheng()函数
{

var =译; / /定义变量
$ ajax({

网址:处理PHP 。
数据:{译:pcode },
类型:邮政
DataType:文本
成功:函数(数据){
VaR挂= data.split(^ );
+1;

}
$(#盛)。Html(STR);

});

}




2。填石法


FillShi()函数
{
var = $(译#盛)的瓦迩();
$ ajax({
异步:假,
网址:处理PHP 。
数据:{译:pcode },
类型:邮政
DataType:文本
成功:函数(数据){
VaR挂= data.split(| );
var;
对于(var i = 0;i < hang.length;i++)
{
var =挂起{ };
+1;
}
$(#石)Html(STR);
}
});
}



三.填充区的方法


FillQu()函数
{
var = $(译#石)的瓦迩();
$ ajax({
网址:处理PHP 。
数据:{译:pcode },
类型:邮政
DataType:文本
成功:函数(数据){
VaR挂= data.split(| );
var;
对于(var i = 0;i < hang.length;i++)
{
var =挂起{ };
+1;
}
$(#曲)Html(STR);
}
});
}



4.chuli页


< PHP
包括(DBDA。类。PHP );
$ db =新DBDA();
译_post美元美元{ =PCODE};
为SQL =SELECT * FROM chinastates哪里parentareacode ={ }译为;
echo DB -> strquery($ SQL);



以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。