看了大峽搞的級(jí)聯(lián)菜單,我也班門弄斧一把,嘿嘿,花了一點(diǎn)時(shí)間搞了個(gè)級(jí)聯(lián)菜單貼上來看看。本例中只要你選擇成員分類名稱就會(huì)自動(dòng)顯示成員名稱: 首先在eclipse中建一個(gè)項(xiàng)目,名稱你自己做主了,這里為Easyjf-menu,對(duì)應(yīng)的瀏覽器頁(yè)面代碼為: Easyjf-menu.jsp

看了大峽搞的級(jí)聯(lián)菜單,我也班門弄斧一把,嘿嘿,花了一點(diǎn)時(shí)間搞了個(gè)級(jí)聯(lián)菜單貼上來看看。本例中只要你選擇成員分類名稱就會(huì)自動(dòng)顯示成員名稱:
?? 首先在eclipse中建一個(gè)項(xiàng)目,名稱你自己做主了,這里為Easyjf-menu,對(duì)應(yīng)的瀏覽器頁(yè)面代碼為:
?Easyjf-menu.jsp
?<@page contentType=”text/html;charser=UTF-8” language=”java”%>
?<head>
?? ……..
?</head>
?<script language=”javascript”>
?? var XMLHttpReq;
?? var currentSort;
?? //創(chuàng)建xmlhttprequset對(duì)象
?? function createXMLHttpRequest(){
?? if(window.XMLHttpRequest){
?? XMLHttpReq=new XMLHttpRequest();
?}
else if (window.ActiveXObject){
??try{
??? ?XMlHttpReq=new ActiveXObject(“Msxml2.XMLHTTP”);
??? }catch(e){}
?????? try{
?XMLHttpRequest=new ActiveXObject(“Microsoft.XMLHTTP”);
}catch(e){}
}
}
//發(fā)送請(qǐng)求函數(shù)
function sendRequest(url){
?createXMLHttpRequest();
?XMLHttpReq.open(“GET”,url,true);
?XMLHttpReq.onreadystatechange=processResponse;
?XMLHttpReq.send(null);
}
//處理返回信息函數(shù)
function processResponse(){
?? if(XMLHttpRequest.readyState==4){
?? if(XMLHttpRequest.status==200){
?updateMenu();
}else{alert(“您請(qǐng)求的頁(yè)面有異常!”)}
}
}
//更新菜單函數(shù)
function updateMenu(){
?var res=XMLHttpReq.responseXML.getElementIdByTagName(“res”);
?var sunMenu=””;
?for(var i=0;i<res.length;i++){
?submenu=subMenu+res[1].fistChild.data+”<br>”;
}
currentSort.innerHTML=submenu;
}
//創(chuàng)建級(jí)聯(lián)菜單
function showSubMenu(obj){
?? currentSort=document.getElementById(obj);
?? currentSort.parentNode.style.display=””;
?? sendRequest(“menu?sort=”+obj);
}
</script>
<b>EasyJF成員</b>
<a onClick=”onShowSubMenu(‘大峽’)”>大峽</a>
, 該頁(yè)面中提供了對(duì)應(yīng)的菜單以供用戶選擇,用戶選擇菜單后,調(diào)用 showSubMenu(‘XXX’) 函數(shù),其中參數(shù)用于傳遞用戶所選菜單的標(biāo)識(shí)信息到服務(wù)器以決定獲取服務(wù)器的哪個(gè)在菜單內(nèi)容,首先獲得菜單的識(shí)別信息,再提交給 Ajax, 這里用 innerHTML 屬性實(shí)現(xiàn)定位顯示!