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 + -
显示快捷键?