index.jsp
来自「DWR开发,ajax的联动,一些效果等等,非常实用,简单易懂」· JSP 代码 · 共 44 行
JSP
44 行
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<script src="/Test/dwr/interface/ItemsBean.js"></script>
<script src="/Test/dwr/engine.js"></script>
<script src="/Test/dwr/util.js"></script>
<script language="javascript">
function update1()
{
ItemsBean.ClassList(createList1);
}
function createList1(data)
{
DWRUtil.removeAllOptions("classid");
DWRUtil.addOptions("classid", data);
}
function update2()
{
ItemsBean.UserList(DWRUtil.getValue("classid"),createList2);
}
function createList2(data)
{
DWRUtil.removeAllOptions("userid");
DWRUtil.addOptions("userid", data);
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>班级和学生Ajax级联下拉菜单</title>
</head>
<body onload="update1()">
<form name="formform">
班级<select name="classid" id="classid" onchange="javascript:update2();"></select>
学生<select name="userid" id="userid"></select>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?