- <%@pagelanguage="java"pageEncoding="UTF-8"%>
- <html>
- headtitle>二级菜单联动演示</scripttype="text/javascript" varreq;
- window.onload=function()
- {//页面加载时的函数
- }
-
- functionChange_Select(){//当第一个下拉框的选项发生改变时调用该函数
- varprovince=document.getElementById('province').value;
- varurl="select?id="+escape(province);
- if(window.XMLHttpRequest){
- req=newXMLHttpRequest();
- }elseif(window.ActiveXObject){
- req=newActiveXObject("Microsoft.XMLHTTP");
- }
- if(req){
- req.open("GET",url,true);
- //指定回调函数为callback
- req.onreadystatechange=callback;
- req.send(null);
- //回调函数
- functioncallback(){
- if(req.readyState==4){
- if(req.status==200){
- parseMessage();//解析XML文档
- }else{
- alert("不能得到描述信息:"+req.statusText);
- //解析返回xml的方法
- functionparseMessage(){
- varxmlDoc=req.responseXML.documentElement;//获得返回的XML文档
- varxSel=xmlDoc.getElementsByTagName('select');
- //获得XML文档中的所有select>标记
- varselect_root=document.getElementById('city');
- //获得网页中的第二个下拉框
- select_root.options.length=0;
- //每次获得新的数据的时候先把每二个下拉框架的长度清0
-
- for(vari=0;ixSel.length;i++){
- varxValue=xSel[i].childNodes[0].firstChild.nodeValue;
- //获得每个>标记中的第一个标记的值,也就是value>标记的值
- varxText=xSel[i].childNodes[1].firstChild.nodeValue;
- >标记中的第二个标记的值,0); background-color:inherit; font-weight:bold">text varoption=newOption(xText,xValue);
- //根据每组value和text标记的值创建一个option对象
- try{
- select_root.add(option);//将option对象添加到第二个下拉框中
- }catch(e){
- scriptbodydivalign="center"formname="form1"method="post"action=""tablewidth="70%"border="0"cellspacing="0"cellpadding="0"trtdalign="center" 二级联动示例
- tdselectname="province"id="province"onChange="Change_Select()"
- optionvalue="0" 请选择
- optionoptionvalue="1" 北京
- optionvalue="2" 天津
- optionvalue="3" 山东
- selectname="city"id="city"
- 请选择
- tableformdiv>
SelectServlet:
packagecom;
- importjava.io.IOException;
- importjavax.servlet.ServletException;
- importjavax.servlet.http.HttpServlet;
- importjavax.servlet.http.HttpServletRequest;
- importjavax.servlet.http.HttpServletResponse;
-
-
- *@authorzdw
- */
- publicclassSelectServletextendsHttpServlet
- {
- privatestaticfinallongserialVersionUID=1L;
- publicSelectServlet()
- {
- super();
- voiddestroy()
- super.destroy();
- voiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
- throwsServletException,IOException
- //response.setCharacterEncoding("GBK");
- response.setContentType("text/xml");
- response.setHeader("Cache-Control","no-cache");
- request.setCharacterEncoding("GBK");
- response.setCharacterEncoding("UTF-8");
- StringtargetId=request.getParameter("id").toString();
- System.out.println(targetId);
- //获得请求中参数为id的值
- Stringxml_start="<selects>";
- Stringxml_end="</selects>";
- Stringxml="";
- if(targetId.equalsIgnoreCase("0"))
- xml="<select><value>0</value><text>请选择</text></select>";
- }elseif(targetId.equalsIgnoreCase("1"))
- xml="<select><value>1</value><text>昌平</text></select>";
- xml+="<select><value>2</value><text>丰台</text></select>";
- xml+="<select><value>3</value><text>海淀</text></select>";
- xml+="<select><value>4</value><text>朝阳</text></select>";
- if(targetId.equalsIgnoreCase("2"))
- xml="<select><value>1</value><text>塘沽区</text></select>";
- xml+="<select><value>2</value><text>汉沽区</text></select>";
- xml+="<select><value>3</value><text>大港区</text></select>";
- xml+="<select><value>4</value><text>东丽区</text></select>";
- else
- {
- xml="<select><value>1</value><text>济南</text></select>";
- xml+="<select><value>2</value><text>青岛</text></select>";
- xml+="<select><value>3</value><text>淄博</text></select>";
- xml+="<select><value>4</value><text>枣庄</text></select>";
- Stringlast_xml=xml_start+xml+xml_end;
- response.getWriter().write(last_xml);
- voiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
- doGet(request,response);
- voidinit()throwsServletException
- }
web.xml:
<?xmlversion="1.0"encoding="UTF-8"?>
- web-appversion="2.4"xmlns="http://java.sun.com/xml/ns/j2ee"
- xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
- http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"servletservlet-name>SelectServletservlet-class>com.SelectServletservlet-mappingurl-pattern>/selectwelcome-file-listwelcome-file>index.jspweb-app>
源码下载 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|