ajax實現三級聯動的基本方法

來源：懂視網責編：小OO 時間：2020-11-27 22:51:45

ajax實現三級聯動的基本方法

本文實例為大家分享了ajax實現三級聯動的具體代碼，供大家參考，具體內容如下：1.首先在一個頁面上布置一個div 方便日后引用方法。<；body>；<；div id="sanji">；//div的id為“sanji”<；/div>。2.sanji js處理頁面。

推薦度：

點擊下載本文 文檔為doc格式

導讀本文實例為大家分享了ajax實現三級聯動的具體代碼，供大家參考，具體內容如下：1.首先在一個頁面上布置一個div 方便日后引用方法。<；body>；<；div id="sanji">；//div的id為“sanji”<；/div>。2.sanji js處理頁面。

本文實例為大家分享了ajax實現三級聯動的具體代碼，供大家參考，具體內容如下

1.首先在一個頁面上布置一個div 方便日后引用方法

<body>
<div id="sanji">//div的id為“sanji”
</div>

2.sanji js處理頁面

$(document).ready(function(){
 
 //向div里面放三個下拉菜單
 var str = "<select id='sheng'></select>
 <select id='shi'></select>
 <select id='qu'></select>";
 //給三個下拉列表定義 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 +="<option value='"+lie[0]+"'>"+lie[1]+"</option>";

 }
 $("#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<hang.length;i++)
 {
 var lie = hang[i].split("^");
 str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
 }
 $("#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<hang.length;i++)
 {
 var lie = hang[i].split("^");
 str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
 }
 $("#qu").html(str);
 }
 });
}

4.chuli頁面

<?php
include("DBDA.class.php");
$db = new DBDA();
$pcode = $_POST["pcode"];
$sql = "select * from chinastates where parentareacode='{$pcode}'";
echo $db->StrQuery($sql);

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ajax實現三級聯動的基本方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法 ajax ajax實現三級聯動

熱門焦點

ajax實現三級聯動的基本方法

ajax實現三級聯動的基本方法

ajax實現三級聯動的基本方法

最新推薦

猜你喜歡

熱門推薦