javascript 实现二级联动.docVIP

javascript 实现二级联动 //==================【index.jsp】=============================== %@page language=java import=java.util.* pageEncoding=UTF-8% % String path=request.getContextPath(); % %@page import=com.sinoest.dfrf.orm.pojo.Mainmenu% %@page import=com.sinoest.dfrf.orm.pojo.Menucontent% % ListMainmenu mmlist = (ListMainmenu)request.getAttribute(mmList); if(mmlist==null){ mmlist=new ArrayList(); } % % ListMenucontent mclist = (ListMenucontent)request.getAttribute(mcList); if(mclist==null){ mclist=new ArrayList(); } % html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 / title二级菜单/title script type=text/javascript var req; window.onload=function() {//页面加载时的函数 } function Change_Select(){//当第一个下拉框的选项发生改变时调用该函数 var province = document.getElementById(province).value; var url = select?id=+ escape(province); if(window.XMLHttpRequest){ req = new XMLHttpRequest(); }else if(window.ActiveXObject){ req = new ActiveXObject(Microsoft.XMLHTTP); } if(req){ req.open(GET,url,true); //指定回调函数为callback req.onreadystatechange = callback; req.send(null); } } //回调函数 function callback(){ if(req.readyState ==4){ if(req.status ==200){ parseMessage();//解析XML文档 }else{ alert(不能得到描述信息: + req.statusText); } } } //解析返回xml的方法 function parseMessage(){ var xmlDoc = req.responseXML.documentElement;//获得返回的XML文档 var xSel = xmlDoc.getElementsByTagName(select); //获得XML文档中的所有select标记 var select_root = document.getElementById(city); //获得网页中的第二个下拉框 select_root.options.length=0; //每次获得新的数据的时候先把每二个下拉框架的长度清0 for(var i=0;ixSel.length;i++){ var xValue = xSel.childNodes[0].firstChild.nodeValue; //获得每个select标记中的第一个标记的值,也就是value标记的值 var xText