<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
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="<%=basePath%>">
<title>My JSP 'a.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="styles.css">
-->
<script type='text/javascript' src='<%=path%>/dwr/util.js'>
</script>
<script type="text/javascript">
var strArr=['请选择一本图书','疯狂Java讲义','疯狂Ajax讲义','疯狂XML讲义'];
var strArr1=[{name:'疯狂Java讲义'},{name:'疯狂Ajax讲义',name:'疯狂XML讲义'}];
var strArr2=[{book:'疯狂Java讲义',price:'99'},{book:'疯狂Ajax讲义',price:'79'},{book:'疯狂XML讲义',price:'69'}];
var strArr3={name:"疯狂Java讲义",price:"99",publish:"电子工业出版社"};
var objMap={first:{book:'疯狂Java讲义',price:'99'},
second:{book:'疯狂Ajax讲义',price:'79'},
third:{book:'疯狂XML讲义',price:'69'},
fourth:{book:'轻量级Java EE企业应用实战',price:'89'},
fifth:{book:'经典Java EE企业应用实战',price:'89'}
};
function add(){
dwr.util.addOptions("test",strArr);
}
function del(){
dwr.util.removeAllOptions("test");
}
function add1(){
dwr.util.addOptions("test1",strArr1,'name');
}
function del1(){
dwr.util.removeAllOptions("test1");
}
function add2(){
dwr.util.addOptions("test2",strArr2,'book','price');
}
function del2(){
dwr.util.removeAllOptions("test2");
}
function add3(){
dwr.util.addOptions("test3",strArr3);
}
function del3(){
dwr.util.removeAllOptions("test3");
}
function add4(){
dwr.util.addOptions("test4",objMap,'price','book');
}
function del4(){
dwr.util.removeAllOptions("test4");
}
function init(){
dwr.util.useLoadingMessage("123");
}
</script>
</head>
<body onload="init()">
<select id="test"></select>
<input type="button" value="添加选项" onclick="add()">
<input type="button" value="删除选项" onclick="del()">
<br>
<select id="test1"></select>
<input type="button" value="添加选项" onclick="add1()">
<input type="button" value="删除选项" onclick="del1()">
<br>
<select id="test2"></select>
<input type="button" value="添加选项" onclick="add2()">
<input type="button" value="删除选项" onclick="del2()">
<br>
使用对象添加选项:
<select id="test3"></select>
<input type="button" value="添加选项" onclick="add3()">
<input type="button" value="删除选项" onclick="del3()">
<br>
使用对象添加选项:
<select id="test4"></select>
<input type="button" value="添加选项" onclick="add4()">
<input type="button" value="删除选项" onclick="del4()">
</body>
</html>
分享到:
相关推荐
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
DWR+hibernate+spring级联下拉列表框 DWR+hibernate+spring级联下拉列表框
简单DWR动态下拉菜单
dwr下拉联动例子 选择省份 查询市 以后还有相关资料上传
dwr接受list生成下拉菜单
这个demo演示了使用DWR框架配合数据库来做的下拉列表级联。dao层采用了jsp中经典的JDBC封装、单例、属性文件等技术。数据文件可以按照我的entity层里面写的代码创建就可以了。这个文件直接导入你的工程在属性文件中...
dwr实现的完整的二级下拉联动列表,里面有说明,源代码。
dwr的几个小例子,dwr,dwr例子,dwr资料 最近需要一点分,下载新的资料,没有分了,所以要大家分给我1分了
DWR框架的实现DWR框架的实现DWR框架的实现DWR框架的实现DWR框架的实现
dwr技术,怎样配置参照网上,这里提供前台页面和dwr配置文件。这里返回的是list数组和对象等,及怎样在页面进行展现。如果你没有用到spring ,则在dwr配置文件中creator="spring" 该为其他的生成方式。
DWR(Direct Web Remoting)是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样
dwr和spring集成简单例子!
ajax的DWR框架入门例子,包含源代码和调试成功的例子
DWR框架的例子-ajax DWR框架的例子-ajax
dwr基础_dwr兼容三大框架 myeclipse环境下运行 有视频解说
用DWR实现AJAX的联动下拉列表,是DWR的基本操作,版本为DWR2
dwr扫盲教程内附例子 dwr扫盲教程内附例子 dwr扫盲教程内附例子 详细:http://itba.taobao.com
简单的dwr例子 十分好用
DWR js框架 javascript框架 web与java交互 Direct Web Remoting Ajax开源框架 即有java源码又有dwr.jar包 有实现步骤及演示源码