使用ajax怎么實(shí)現(xiàn)三級聯(lián)動
本篇文章為大家展示了使用ajax怎么實(shí)現(xiàn)三級聯(lián)動，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。
從策劃到設(shè)計制作，每一步都追求做到細(xì)膩，制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)頁設(shè)計、域名與空間、虛擬空間、網(wǎng)絡(luò)營銷、VI設(shè)計、 網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進(jìn)步。
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菜單添加點(diǎn)擊事件
$("#shi").change(function(){
FillQu();
})//給shi菜單添加點(diǎn)擊事件
});//頁面加載完成之后過來執(zhí)行某些代碼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);
上述內(nèi)容就是使用ajax怎么實(shí)現(xiàn)三級聯(lián)動，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站欄目：使用ajax怎么實(shí)現(xiàn)三級聯(lián)動
本文鏈接：
http://weahome.cn/article/ipidcc.html
重慶分公司
重慶分公司
