- 浏览: 317086 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
ayidaweiwei:
上面已经写得很清楚了,吧里data 里面的数据定义成一个Bea ...
json对象转换成复杂Bean(包括bean、list<Bean>、Object) -
chaohua2012:
你好,如果json是这种形式呢"type" ...
json对象转换成复杂Bean(包括bean、list<Bean>、Object) -
a6892509:
大神呀
Java异常处理心得 -
liubaolin123:
请问有源码么?
restlet2.0.6+spring3.2.2+mybatis3.2.3 集成 -
xiangqian0505:
xiangqian0505 写道duan_1991 写道文章不 ...
Java异常处理心得
<%@ page language="java" pageEncoding="UTF-8"%> <html> <head> <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;i<xSel.length;i++){ var xValue = xSel[i].childNodes[0].firstChild.nodeValue; //获得每个<select>标记中的第一个标记的值,也就是<value>标记的值 var xText = xSel[i].childNodes[1].firstChild.nodeValue; //获得每个<select>标记中的第二个标记的值,也就是<text>标记的值 var option = new Option(xText, xValue); //根据每组value和text标记的值创建一个option对象 try{ select_root.add(option);//将option对象添加到第二个下拉框中 }catch(e){ } } } </script> </head> <body> <div align="center"> <form name="form1" method="post" action=""> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> 二级联动示例 </td> </tr> <tr> <td> <select name="province" id="province" onChange="Change_Select()"> <!–第一个下拉菜单–> <option value="0"> 请选择 </option> <option value="1"> 北京 </option> <option value="2"> 天津 </option> <option value="3"> 山东 </option> </select> <select name="city" id="city"> <!–第二个下拉菜单–> <option value="0"> 请选择 </option> </select> </td> </tr> <tr> <td> </td> <tr> </table> </form> </div> </body> </html>
package com; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /*** * * @author zdw * */ public class SelectServlet extends HttpServlet { private static final long serialVersionUID = 1L; public SelectServlet() { super(); } public void destroy() { super.destroy(); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // response.setCharacterEncoding("GBK"); response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); request.setCharacterEncoding("GBK"); response.setCharacterEncoding("UTF-8"); String targetId = request.getParameter("id").toString(); System.out.println(targetId); // 获得请求中参数为id的值 String xml_start = "<selects>"; String xml_end = "</selects>"; String xml = ""; if (targetId.equalsIgnoreCase("0")) { xml = "<select><value>0</value><text>请选择</text></select>"; } else if (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>"; } else 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 {// 如果是3,则返回下面的字符 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>"; } String last_xml = xml_start + xml + xml_end; response.getWriter().write(last_xml); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } public void init() throws ServletException { } }
<?xml version="1.0" encoding="UTF-8"?> <web-app version="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"> <servlet> <servlet-name>SelectServlet</servlet-name> <servlet-class>com.SelectServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>SelectServlet</servlet-name> <url-pattern>/select</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
发表评论
-
restlet2.0.6+spring3.2.2+mybatis3.2.3 集成
2013-12-27 15:55 16783基于上一篇博客http://wuxiangqian.ite ... -
Mybatis3.2使用心得 中文API
2013-12-10 17:41 38922最近写一个web服务接口,用到了MyBatis3.2,把我 ... -
Internet Explorer 已对此页面进行了修改,以帮助阻止跨站点脚本
2013-05-05 15:11 17508ie浏览器提示错误的原 ... -
Java异常处理心得
2012-12-27 10:26 13125项目是基于 ... -
IE文本框内容右对齐后光标消失
2012-12-20 16:42 1885<input type="text" ... -
实践Oracle与DB2区别及问题解决
2012-12-19 13:53 1870项目进入开发阶段的时候,为了方便,一直使用 Or ... -
json对象转换成复杂Bean(包括bean、list<Bean>、Object)
2012-07-09 18:33 29524jsonWorkflowBean是json字符串 // ... -
json字符串转换成List<bean>
2012-06-05 14:52 1867String gra = JSONUtils.toJSON(g ... -
MyEclipse自动生成注释文档
2012-04-06 11:54 1092在myeclipse中导入该附件 window—pre ... -
Java实现 SSL双向认证
2012-04-01 10:01 1200我们常见的SSL验证较多的只是验证我们的服务器是否是真实正确的 ... -
列出某文件夹下的所有文件
2012-03-03 23:12 998File f=new File("Derec ... -
java 数据库连接池的简单实现
2012-03-03 23:07 1423package com.wangjia.tools; ... -
webservices设置
2011-12-06 17:28 1069<?xml version="1.0&qu ... -
SSH整合视频 SSH整合案例 SSH整合问题解决
2011-12-05 22:01 1931个人网站:www.longhuiwang.com SSH案例 ... -
jsp播放视频文件代码
2011-12-02 21:01 17381.avi格式 代码片断如下: <object ... -
jfreechart 折线图
2011-12-01 18:35 1535package com.ssrt.group; impo ... -
myeclipse 生成注册码
2011-11-28 18:08 61package domain; import java.io ... -
myeclipse svn 安装
2011-11-28 18:07 964一、安装方法: 方法一、如果可以上网可在线安装 1. 打开 ... -
fedora10下面访问servlet报404错误
2011-11-23 19:19 1177问题:系统在window xp下面访问servlet没有任何问 ... -
兼容火狐、IE iframe onload属性、遮罩层隐藏及显示
2011-11-15 19:59 2893<%@ page language="java ...
相关推荐
看了有人写的3级联动菜单,觉得代码太烦了,所以自己写了一个
二级联动菜单 有案例
Java实现Map集合二级联动示例中国省市例子
主要介绍了java实现的二级联动菜单效果,结合实例形式分析了java前台页面布局及与后台交互构造联动菜单的相关技巧,需要的朋友可以参考下
java结合jquery进行异步提交在jsp页面中实现二级联动菜单,该源码在struts+mvc基础上实现的,简单明了。其中的数据库可自行更改,只要相应的更改连库字符串等即可。也可多加几个下拉框将项目扩展为多级联动菜单
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
省市联动二级菜单,java script
JavaScript+xml实现下拉二级联动菜单 JavaScript+xml实现下拉二级联动菜单
使用dwr做的二级联动菜单,不会出现DWRUtil未定义的问题。不使用DWRUtil实现,依赖dwr.xml中的配置的实体实现二级联动。数据库采用mysql,字段简单可根据自己的情况建立数据库,根据pojo中的类建立表,然后把util...
从使用ajax技术从数据库中读取的二级联动菜单 给网友做的一个例子,如要用的话,代码需要优化
jsp实现的级联菜单,实现省级联动菜单,点击一级菜单二级菜单动态的变化
三级联动下拉菜单,很简单的,觉得不错,关于二级的网上可以随便找到
本文实例为大家分享了Ajax二级联动菜单的具体代码,供大家参考,具体内容如下 index.jsp <%@ page language=java pageEncoding=UTF-8%> <html> <head> <title>二级菜单联动演示</...
ajax 我们也就讲过一个小例子,这是后来经老师指点后用老师的例子改的,希望对想实现二级联动的同学有所帮助.
一个完整的ajax 实例 ,实现二级菜单联动。使用MYsql数据库,里面带有数据库脚本,可以直接的导入数据库。直接的运行即可,操作简单,代码明了。压缩包里面还有很多实例源码,按照操作说明可以直接的运行起来,...
二级菜单联动演示</title> [removed] var req; [removed]=function() {//页面加载时的函数 } function Change_Select(){//当第一个下拉框的选项发生改变时调用该函数 var province = document.getElementById...
jquery+ajax+jsp+servlet实现二级级联菜单,这是自己在实践中总结的一点小经验,代码从前台JAP到Servlet以及后台数据库设计,测试数据完整的流程,相信有点java基础的同仁们都可以看得明白
中国行政区域二级联系菜单,根据上级行政区加载下级行政区列表 XML数据驱动,可自定义添加、删除,简易更新 支持回发恢复状态,已正确设定行政区可自动选定和加载各级行政区数据 其它说明: 应用网站必须存在行政...
菜单联动效果,将两个相关联的文本框通过js操作实现级联效果
本文实例讲述了js实现全国省市二级联动下拉选择菜单,分享给大家供大家参考。具体如下: 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb...