Dwr之util.js

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	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 'index.jsp' starting page</title>
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript">
	var cityArraySimple = [ '北京', '海口', '烏魯木齊' ];
	var cityArray = [ {
		name : '重慶',
		id : 'cq'
	}, {
		name : '成都',
		id : 'cd'
	}, {
		name : '大連',
		id : 'dl'
	} ];

	function fillSelect() {
		dwr.util.addOptions("select1", cityArraySimple);
		dwr.util.addOptions("select2", cityArray, "name");
		dwr.util.addOptions("select3", cityArray, "id", "name");
	}

	function removeSelect() {
		dwr.util.removeAllOptions("select1");
		dwr.util.removeAllOptions("select2");
		dwr.util.removeAllOptions("select3");
	}
</script>
</head>

<body>
	數組:<select id="select1" style="width: 100px;"></select><br /> 
	數組(指定text):<select id="select2" style="width: 100px;"></select><br />
	數組(指定text和value):<select id="select3" style="width: 100px;"></select><br />
	<input type="button" value="填充下拉列表" οnclick="fillSelect();">
	<input type="button" value="移除下拉列表" οnclick="removeSelect();">
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章