26uuu另类亚洲欧美日本一,一区二区三区视频在线,国产欧美一区二区在线播放

主頁 > 知識庫 > AJAX 二級級聯(lián)菜單實現(xiàn)代碼

AJAX 二級級聯(lián)菜單實現(xiàn)代碼

客戶端代碼：

復(fù)制代碼代碼如下:

 
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
html xmlns="http://www.w3.org/1999/xhtml"> 
head> 
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
title>無標題文檔/title> 
/head> 
script type="text/javascript"> 
var xmlHttp; 
var a =new Array(); 
function createXMLHttpRequest(){ 
if(window.ActiveXObject){ 
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
else if(window.XMLHttpRequest){ 
xmlHttp=new XMLHttpRequest(); 
} 
} 
function send_request(){ 
createXMLHttpRequest(); 
var year = document.getElementById("year"); 
var url = "check_2.php?page="+escape(year.value); 
xmlHttp.open("GET",url,true); 
xmlHttp.onreadystatechange = checkit; 
xmlHttp.send(null); 
} 
function checkit(){ 
if(xmlHttp.readystate == 4){ 
if(xmlHttp.status == 200){ 
showChild(); 
} 
} 
} 
function showChild(){ 
var xmlDoc=xmlHttp.responseXML; 
var content=xmlDoc.getElementsByTagName("city"); 
for(var i=0;icontent.length;i++){ 
var y=content[i]; 
a[i]=y.childNodes[0].data; 
} 
show1(); 
} 
function show1(){ 
var obj=document.getElementById("name"); 
var number=obj.length; 
for(var j=obj.length-1;j>=0;j--){ 
obj.removeChild(obj.childNodes.item(j)); 
} 
for(var i=0;ia.length;i++){ 
var opt=document.createElement("OPTION"); 
opt.text=a[i]; 
obj.add(opt); 
} 
} 
/script> 
body> 
年份：select id="year" onchange="send_request()"> 
option value="0">請選擇/option> 
option value="1">1996-2006/option> 
option value="2">1986-1995/option> 
option value="3">1971-1985/option> 
option value="4">1970以前/option> 
/select> 
子目錄:select id="name"> 
option value="0">請選擇/option> 
/select> 
/body> 
/html> 

服務(wù)器端代碼：

復(fù)制代碼代碼如下:

 
?php 
header('Content-type: text/xml'); 
$xml="?xml version='1.0' encoding='GB2312'?>"; 
$year = $_GET["page"]; 
$content = $xml."contents>"; 
if($year == "1"){ 
$content = $content."city>1/city>city>11/city>/contents>"; 
} 
else if($year == '2'){ 
$content = $content."city>2/city>city>12/city>/contents>"; 
} 
else if($year == '3'){ 
$content = $content."city>3/city>city>13/city>/contents>"; 
} 
else if($year == '4'){ 
$content = $content."city>4/city>city>14/city>/contents>"; 
} 
echo $content; 
?> 

您可能感興趣的文章:

jQuery+ajax實現(xiàn)無刷新級聯(lián)菜單示例
Ajax級聯(lián)菜單實例代碼
前臺JS(jquery ajax)調(diào)用后臺方法實現(xiàn)無刷新級聯(lián)菜單示例
Ajax+Json 級聯(lián)菜單實現(xiàn)代碼
AJAX實現(xiàn)web頁面中級聯(lián)菜單的設(shè)計
ThinkPHP使用心得分享-ThinkPHP + Ajax 實現(xiàn)2級聯(lián)動下拉菜單
利用了jquery的ajax實現(xiàn)二級聯(lián)互動菜單
ajax讀取數(shù)據(jù)庫內(nèi)容實現(xiàn)二級聯(lián)動下拉選擇菜單示例
Javascript級聯(lián)下拉菜單以及AJAX數(shù)據(jù)驗證核心代碼
基于asp+ajax和數(shù)據(jù)庫驅(qū)動的二級聯(lián)動菜單
一個強健實用的asp+ajax二級聯(lián)動菜單(有演示和附源程序打包下載)
ajax級聯(lián)菜單實現(xiàn)方法實例分析

標簽：鷹潭阿拉善盟銅陵益陽延邊張掖儋州

巨人網(wǎng)絡(luò)通訊聲明：本文標題《AJAX 二級級聯(lián)菜單實現(xiàn)代碼》，本文關(guān)鍵詞 AJAX,二級,級聯(lián),菜單,實現(xiàn),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。