您的位置：首页 > 其它

DWR操作下拉列表框例子

2011-03-16 10:00 211 查看

<%@ 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">



<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航