1. 一个单独的测试界面: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="/go.html?url=<%=basePath%>"> <title>My JSP 'new.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="/go.html?url=styles.css" mce_href="/go.html?url=styles.css"> --> <mce:script type="text/javascript" src="resources/jquery.js" mce_src="resources/jquery.js"></mce:script> </head> <body> <select id="Select1" name="Select1" onchange="selectProvince();"></select> <select id="Select2" name="Select2" onchange="selectArea();"></select> <select id="Select3" name="Select3"></select> </body> </html> <mce:script type="text/javascript"><!-- window.onload = function() { initArea(); } function initArea() { /*获取,引用三个下拉框 */ var dropElement1=document.getElementById("Select1"); var dropElement2=document.getElementById("Select2"); var dropElement3=document.getElementById("Select3"); /*自定义一个方法 把传进来的对象清除 这里清除了三个下拉所有框的选项*/ removeDropDownList(dropElement1); removeDropDownList(dropElement2); removeDropDownList(dropElement3); var pOption = document.createElement("option"); pOption.value = "0"; pOption.text = "全国"; dropElement1.add(pOption); var cOption = document.createElement("option"); cOption.value = "0"; cOption.text = "全部市"; dropElement2.add(cOption); var aOption = document.createElement("option"); aOption.value = "0"; aOption.text = "全区县"; dropElement3.add(aOption); var url = "servlet/XmlForAJAX"; url = encodeURI(encodeURI(url)); doAjax(url,null,null,dropElement1,dropElement2,dropElement3); } /** * 当选择一个省的时候自动的添加该省下的市 */ function selectProvince() { var dropElement1=document.getElementById("Select1"); //获取选中项的内容 var provinceName=dropElement1.options[dropElement1.selectedIndex].text; var dropElement2=document.getElementById("Select2"); var dropElement3=document.getElementById("Select3"); removeDropDownList(dropElement2); removeDropDownList(dropElement3); var cOption = document.createElement("option"); cOption.value = "0"; cOption.text = "全部市"; dropElement2.add(cOption); var aOption = document.createElement("option"); aOption.value = "0"; aOption.text = "全区县"; dropElement3.add(aOption); var url = "servlet/XmlForAJAX"; url = encodeURI(encodeURI(url)); doAjax(url,provinceName,null,dropElement1,dropElement2,dropElement3); } /** * 当选择一个省的时候自动的添加该省下的市 */ function selectArea() { var dropElement1=document.getElementById("Select1"); var provinceName=dropElement1.options[dropElement1.selectedIndex].text; var dropElement2=document.getElementById("Select2"); var cityName=dropElement2.options[dropElement2.selectedIndex].text; var dropElement3=document.getElementById("Select3"); removeDropDownList(dropElement3); var aOption = document.createElement("option"); aOption.value = "0"; aOption.text = "全区县"; dropElement3.add(aOption); var url = "servlet/XmlForAJAX"; url = encodeURI(encodeURI(url)); doAjax(url,provinceName,cityName,dropElement1,dropElement2,dropElement3); } //AJAX操作类 function doAjax(url,provinceName,cityName,dropElement1,dropElement2,dropElement3) { $.ajax({ type:"POST", secureuri:false, dataType:"xml", url: url, timeout:1000, success:function(xml) { $(xml).find("province").each(function(i){ var province = $(this).attr("name"); //alert(province); if(provinceName == null || provinceName == "") { var pOption = document.createElement("option"); pOption.value = province; pOption.text = province; dropElement1.add(pOption); } if(provinceName != null && provinceName != "") { if(provinceName == province) { $(this).find("city").each(function(j){ var city = $(this).attr("name"); //alert("city is " + city); if(cityName == null || cityName == "") { var pOption = document.createElement("option"); pOption.value = city; pOption.text = city; dropElement2.add(pOption); } if(cityName != null && cityName != null) { if(cityName == city) { $(this).find("area").each(function(k){ var area = $(this).attr("name"); //alert("area is " + area); var pOption = document.createElement("option"); pOption.value = area; pOption.text = area; dropElement3.add(pOption); }); } } }); } } }); }, error:function(xml) { alert("error."); } }); } /* 清除下拉框的选项 */ function removeDropDownList(obj) { //如果obj不为空的时候 if(obj) { var length = obj.options.length; if(length > 0) { for(var i=length;i >= 0;i--) { obj.remove(i); } } } } // --></mce:script> <%@ page language="java" import 你的当前访问异常,请进行认证后继续阅读剩余内容。 提交