<%@ page contentType="text/html; charset=GBK"%>
<html>
<head>
<title>下拉列表联动</title>
</head>
<body bgcolor="#ffffff">
<table>
<tr>
<td><select name="s1" onChange="haha()">
<option value="null">请选择
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
</select>
</td>
<td id="heihei"><select>
<option>请先选择第一个下拉
</select>
</td>
</tr>
</table>
<script>
//定义XMLHttpRequest对象
var http_request = false;
function send_request(url) {
http_request = false;
//开始初始化XMLHttpRequest对象
if (window.XMLHttpRequest) {//Mozilla等浏览器初始化XMLHttpRequest过程
http_request = new XMLHttpRequest();
//有些版本的Mozilla浏览器处理服务器返回的未包含XML mime-type头部信息的内容时会出错.
//因此,要确保返回的内容包含text/xml信息.
if (http_request.overrideMimeType) {
http_request.overrideMimeType("text/xml");
}
} else if (window.ActiveXObject) {//IE浏览器初始化XMLHttpRequest过程
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
//异常,创建对象失败
if (!http_request) {
window.alert("不能创建XMLHttpRequest对象实例!");
return false;
}
//指定响应处理函数
http_request.onreadystatechange = processRequest;
//发送HTTP请求信息
http_request.open("GET", url, true);
http_request.send(null);
}
//处理返回信息函数
function processRequest() {
//判断对象状态
if (http_request.readyState == 4) {
//判断HTTP状态码
if (http_request.status == 200) {
//信息已经成功返回
//window.document.write(http_request.responseText);
//alert(http_request.responseText);
document.getElementById("heihei").innerHTML = http_request.responseText;
} else {
//请求页面有问题
alert("您所请求的页面有异常!错误状态:" + http_request.status);
}
}
}
function haha() {
var flag = document.all("s1").value;
send_request("b.jsp?flag=" + flag);
}
</script>
</body>
</html>
<%@ page contentType="text/html; charset=GB2312"%>
<%
String flag=request.getParameter("flag");
if("1".equals(flag)){
%>
<select name="s2">
<option value="a">a
<option value="b">b
<option value="c">c
<option value="d">d
</select>
<%
}else if("2".equals(flag)){
%>
<select name="s2">
<option value="e">e
<option value="f">f
<option value="g">g
<option value="h">h
</select>
<%
}else{
%>
<select name="s2">
<option value="null">此项没有内容
</select>
<%
}
%>
分享到:
相关推荐
js 级联菜单例子,简单实用
seam级联菜单例子
这种实现的方法独具一格,思维方式超简单,原理超级简单,同样的功能,代码最少,代码最容易读懂,不涉及数组,动态创建元素。
一个用ajax级联菜单的例子,二个JSP直接放在tomcat就可以看到效果....
VC 菜单制作实例的源代码,这是一个级联菜单,可依次向右多级展开的多级菜单,主菜单中若包括有子菜单项,则可依次伸出各级菜单。用VC 实现菜单的自定义范例,制作出不同效果的窗体菜单。本源码实现思路简单,适合VC...
jquery 实现多级联动效果, 这是个比较复杂的例子,只有前台的代码
dwr的例子。能够让你轻松了解dwr的使用方法。
用java和dwr框架实现一个简单的例子 级联菜单 数据库用sql2000 myesclipse
例子2:按需取数据—级联菜单 例子3:读取外部数据 六、AJAX的缺陷 七、AJAX开发 7.1、AJAX应用到的技术 A、XMLHttpRequest对象 B、Javascript C、DOM D、XML 7.2、AJAX开发框架 A、初始化对象并...
在开发中常常会遇到菜单的级联操作,比如:国家、城市、乡镇的选择等。当选中某个国家的时候,后面的菜单会把该国家内的城市罗列出来,当选中城市的时候,后面的菜单会把对应的乡镇列出来。 解决这种菜单的级联...
以一个国标的行政区划码的xml文件为例子,展示省市县三级联动,菜单的初始值在html的hidden字段设置了山东省-青岛市-平度市。 你可以把他换成你需要xml文件,或者xml字符串既可以得到随意的三级联动菜单。
通过一个小例子,让你明白级联菜单也就是这样的。。。 还有一本书pdf格式的,很实用! 希望能够帮到你们!
jquery-FillOptions插件多级联动菜单例子
无刷新,克服木版页不能用ajax脚本问题!可给与开发者 一个超级实用的例子!
一个基于JSP+Ajax实现的三级省市县级联菜单源码例子
一共3个文件: ...getData.asp data.mdb 前台采用ExtJs 2.2.1编写(由于库文件比较大,考虑到大家本机都有了,所以在此没有上传,大家直接改一下路径即可),后台采用asp+access...本例子演示的4级联动菜单:州+国家+城市+地区
例子2:按需取数据—级联菜单 例子3:读取外部数据 六、AJAX的缺陷 七、AJAX开发 7.1、AJAX应用到的技术 A、XMLHttpRequest对象 B、Javascript C、DOM D、XML 7.2、AJAX开发框架 A、...
在用ExtJs+myEclipse6+ssh做项目时需要动态级联菜单功能(就是从数据库中拿数据),因为初次接触Ext,在网上没找到动态联动,只找到了静态联动,于是花了几个小时边学边做终于成功了!需要的兄弟姐妹可以看看,只实现...
实例006 菜级联菜单 7<br>1.2 工具栏设计 7<br>实例007 带背景的工具栏 7<br>实例008 浮动工具栏 8<br>实例009 带下拉菜单的工具栏 9<br>实例010 具有提示功能的工具栏 9...