1. 1.html代码：
  1. <%@ page contentType="text/html; charset=gb2312" %>
  2. <%@ page import="java.sql.*" %>
  3.  
  4. <html>
  5. <head>
  6. <!--
  7. 放置javascript代码
  8. -->
  9. </head>
  10.  
  11. <body style="font-size: 12px;" bgcolor="eeeeee">
  12. <form name="form1" action="SpecialityRelation_Insert.jsp" method="get">
  13. <img onclick="history.go(-1);" src="../../images/back_blue.gif" onmousemove="this.src='../../images/back_red.gif';" onmouseout="this.src='../../images/back_blue.gif'" style="cursor:hand;">
  14. <hr>
  15.  
  16. <%
  17. 	String logicalclass_name = request.getParameter("name");
  18. 	String logicalclass_id = request.getParameter("logicalclass_id");
  19. %>
  20.  
  21. <input name="logicalclass_id" value="<%=logicalclass_id%>" type="hidden">
  22. <table border="1px">
  23. <tr>
  24. <td width="100px">教学班名称</td>
  25. <td width="300px">
  26. <input class="MyInputBox" name="name" value="<%=logicalclass_name%>" style="background:'#dddddd';" size="50" readonly/>
  27. </td>
  28. </tr>
  29. <tr>
  30. <td>所在专业</td>
  31. <td>
  32. <select class="MySelect" name="department" size="1" id="department" onChange="changeDepartment(document.form1.department.options[document.form1.department.selectedIndex].value)">
  33. <%
  34. 	rs = myDao.execQuery("select * from department");
  35. 	i=0;
  36. 	for(rs.next();!rs.isAfterLast();rs.next(),i++)
  37. 	{
  38. %>
  39. <option value="<%=rs.getString("id")%>"><%=rs.getString("Department_name")%></option>
  40. <%
  41. 	}
  42. %>
  43. </select>
  44.  
  45. <select class="MySelect" name="division" size="1" id="division" onChange="changeDivision(document.form1.division.options[document.form1.division.selectedIndex].value)">
  46. </select>
  47.  
  48. <input type="hidden" name="Switch" value="false">
  49.  
  50. <select class="MySelect" name="speciality" id="speciality" size="1" onChange="changeSpeciality(document.form1.speciality.options[document.form1.speciality.selectedIndex].value)"></select>
  51.  
  52. <select class="MySelect" name="Grade" id="Grade" size="1" onChange="changeGrade(document.form1.Grade.options[document.form1.Grade.selectedIndex].value)">
  53. </select> 
  54.  
  55. <select class="MySelect" name="ObjectID" size="1">
  56. </select> 
  57.  
  58. </td>
  59. </tr>
  60.  
  61. <tr>
  62. <td>说明</td>
  63. <td><textarea name="other" class="MyTextArea" name="other" cols="48" rows="10"></textarea></td>
  64. </tr>
  65.  
  66. <tr>
  67. <td colspan="2" align="right">
  68. <img src="../../images/submit_blue.gif" onmousemove="this.src='../../images/submit_red.gif';" onmouseout="this.src='../../images/submit_blue.gif'" style="cursor:hand;" onclick="document.form1.submit();">
  69. </td>
  70. </tr>
  71. </table>
  72. </form>
  73. </body>
  74. </html>

　　

  1.  

　2.javascript代码：

  1. 2.javascript代码
  2. <script language="javascript">
  3.  
  4. var DeparmentCount; //三级联动菜单代码
  5. DeparmentCount = 0;
  6. var DivisionCount;
  7. DivisionCount = 0;
  8. var SpecialityCount;
  9. SpecialityCount = 0;
  10.  
  11. //GradeCount = 0;
  12. ObjectIDCount = 0;
  13. Department = new Array();
  14. Division = new Array();
  15. Speciality = new Array();
  16. //Grade = new Array();
  17. ObjectID = new Array();
  18.  
  19. <%
  20. system.pub.oraclesql myDao = new system.pub.oraclesql();
  21. ResultSet rs = myDao.execQuery("select * from division");
  22. int i=0;
  23. for(rs.next();!rs.isAfterLast();rs.next(),i++)
  24. {
  25. %>
  26.  
  27. Division[<%=i%>] = new Array("<%=rs.getString("Division_name")%>","<%=rs.getString("department_id")%>","<%=rs.getString("id")%>");
  28.  
  29. <%
  30. }//for
  31. %>
  32.  
  33. DivisionCount = <%=i%>;
  34. <%
  35. 	System.out.println("debug....1");
  36. 	rs = myDao.execQuery("select * from speciality");
  37. 	i=0;
  38. 	for(rs.next();!rs.isAfterLast();rs.next(),i++)
  39. 	{
  40. %>
  41.  
  42. Speciality[<%=i%>] = new Array("<%=rs.getString("Speciality_name")%>","<%=rs.getString("division_id")%>","<%=rs.getString("id")%>");
  43.  
  44. <%
  45. }//for
  46. %>
  47.  SpecialityCount = <%=i%>;
  48.  
  49. <%
  50. 	rs = myDao.execQuery("select distinct speciality_id,grade,object_id,name from student t,object o where o.id= t.object_id");
  51. 	i=0;
  52. 	for(rs.next();!rs.isAfterLast();rs.next(),i++)
  53. 	{
  54. %>
  55.  
  56.  ObjectID[<%=i%>] = new Array("<%=rs.getString("speciality_id")%>","<%=rs.getString("grade")%>","<%=rs.getString("object_id")%>","<%=rs.getString("name")%>");
  57.  
  58. <%
  59. }//for
  60. %>
  61.  
  62. 	ObjectIDCount = <%=i%>;
  63.  
  64. 		function changeDepartment(DepartmentId)
  65. 		{
  66. 			document.form1.Switch.value="false";
  67. 			document.form1.division.length = 0;
  68. 			var DepartmentId = DepartmentId;
  69. 			var i;
  70. 			for (i=0;i < DivisionCount; i++)
  71. 			{
  72. 				if (Division[i][1] == DepartmentId)
  73. 				{
  74. 					document.form1.division.options[document.form1.division.length] = new Option(Division[i][0], Division[i][2]);
  75. 				}
  76. 			}
  77. 			changeDivision(document.form1.division.value);
  78. 			if(document.form1.division.length!=0)
  79. 			{
  80. 				document.form1.division.style.visibility = 'visible';
  81. 			}
  82. 			else
  83. 			{
  84. 				document.form1.division.style.visibility = 'hidden';
  85. 			}  
  86.  
  87. 		}
  88.  
  89. 		function changeDivision(DivisionId)
  90. 		{
  91. 			document.form1.Switch.value="false";
  92. 			document.form1.speciality.length = 0;
  93. 			var DivisionId = DivisionId;
  94. 			var i;
  95. 			for (i=0;i < SpecialityCount; i++)
  96. 			{
  97. 				if (Speciality[i][1] == DivisionId)
  98. 				{
  99. 					document.form1.speciality.options[document.form1.speciality.length] = new Option(Speciality[i][0], Speciality[i][2]);
  100. 				}
  101. 			}
  102. 			if(document.form1.speciality.length!=0)
  103. 			{
  104. 				document.form1.speciality.style.visibility = 'visible';
  105. 			}
  106. 			else
  107. 			{
  108. 				document.form1.speciality.style.visibility = 'hidden';
  109. 				document.form1.Grade.style.visibility = 'hidden';
  110. 				document.form1.ObjectID.style.visibility = 'hidden';
  111.  
  112. 			}
  113. 			changeSpeciality(document.form1.speciality.value);
  114. 		}
  115.  
  116. 		function changeSpeciality(SpecialityID)
  117. 		{
  118. 			document.form1.Switch.value="false";
  119. 			document.form1.Grade.length = 0;
  120. 			var SpecialityID = SpecialityID;
  121. 			var i,j;
  122. 			var flag = 0;
  123. 			for (i=0;i < ObjectIDCount; i++)
  124. 			{
  125. 				if(ObjectID[i][0] == SpecialityID)
  126. 				{
  127. 					for(j=0,flag=0;j<document.form1.Grade.length;j++)
  128. 					{
  129. 						if(document.form1.Grade.options[j].value==ObjectID[i][1])
  130. 						{
  131. 							flag = 1;
  132. 							break;
  133. 						}
  134. 					}
  135. 					if(flag!=1)
  136. 					{
  137. 						document.form1.Grade.options[document.form1.Grade.length] = new Option(ObjectID[i][1], ObjectID[i][1]);
  138. 					}
  139. 				}
  140. 			}
  141. 			if(document.form1.Grade.length!=0)
  142. 			{
  143. 				document.form1.Grade.style.visibility = 'visible';
  144. 			}
  145. 			else
  146. 			{
  147. 				document.form1.Grade.style.visibility = 'hidden';
  148. 				document.form1.ObjectID.style.visibility ='hidden';
  149. 			}
  150. 			changeGrade(document.form1.Grade.value);
  151. 		}
  152.  
  153. 		function changeGrade(GradeID)
  154. 		{
  155. 			document.form1.Switch.value="false";
  156. 			document.form1.ObjectID.length = 0;
  157. 			var GradeID = GradeID;
  158. 			var i;
  159. 			for (i=0;i < ObjectIDCount; i++)
  160. 			{
  161. 				if(ObjectID[i][1] == GradeID && ObjectID[i][0] == document.form1.speciality.value)
  162. 				{
  163. 					document.form1.ObjectID.options[document.form1.ObjectID.length] = new Option(ObjectID[i][3],ObjectID[i][2]);
  164. 				}
  165. 			}
  166. 			if(document.form1.ObjectID.length!=0)
  167. 			{
  168. 				document.form1.ObjectID.style.visibility = 'visible';
  169. 			}
  170. 			else
  171. 			{
  172. 				document.form1.ObjectID.style.visibility = 'hidden';
  173. 			}
  174. 		}
  175.  
  176. 		function  initialSelect()
  177. 		{
  178. 			changeDepartment(document.form1.department.options[document.form1.department.selectedIndex].value);
  179. 		}
  180.  
  181. 		</script>

　　

　

javascript级联菜单，数据从数据库中获取的更多相关文章

  1. JSP的数据从数据库中获取导入type=date的input标签中

    jsp 页面最开始加上 <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> & ...

  2. Django Form 实时从数据库中获取数据

    修改 models.py 添加 class UserType(models.Model): caption = models.CharField(max_length=32) 执行命令,生成数据库 p ...

  3. 关于EntityFramework 更新数据记录时字段全部更新问题和不从数据库中获取直接更新记录

    一.一直对这个比较疑惑感觉只修改一条数据记录的一个字段结果更新Savechages后跟踪生成sql竟然是全部被修改,感觉微软怎么这么傻,总觉得会有其它方式可以只更新部分字段,但一直没有找到相关设置,最 ...

  4. 使用python读取配置文件并从mysql数据库中获取数据进行传参（基于Httprunner）

    最近在使用httprunner进行接口测试,在传参时,用到了三种方法:(1)从csv文件中获取:(2)在config中声名然后进行引用:(3)从函数中获取.在测试过程中,往往有些参数是需要从数据库中获 ...

  5. insert 一条数据 然后拿出这条数据在数据库中生成的ID

    [insert 一条数据 然后拿出这条数据在数据库中生成的ID] <insert id="insert" parameterType="management&quo ...

  6. MOOC（14）- 从数据库中获取预期结果

    数据库中的预期结果写的是SQL语句 从表格中读取到SQL语句,再去数据库获取真正的预期结果 # -*- coding: utf-8 -*- # @Time : 2020/2/18 9:50 # @Fi ...

  7. ASP.NET MVC使用jQuery来POST数据至数据库中

    学习ASP.NET MVC程序,结合jQuery客户端代码,Post数据至数据库去.Insus.NET今天写一个完整性的例子. 在数据库中,创建一个表[dbo].[TestUser]: 既然是把数据存 ...

  8. PostgreSQL数据库中获取表主键名称

    PostgreSQL数据库中获取表主键名称 一.如下表示,要获取teacher表的主键信息: select pg_constraint.conname as pk_name,pg_attribute. ...

  9. php框架中的phalcon框架的安装，及初步认识，从表单提交简单的数据到数据库中

    php框架中的phalcon框架的安装,及初步认识,从表单提交简单的数据到数据库中 1.phalcon框架的安装: phalcon框架在windows本地安装可以利用wamp软件,安装之后可以查看对应 ...

随机推荐

  1. WINDOWS 2008 采用IP策略解决445,139等病毒攻击问题

    @echo off title 创建IP安全策略,屏蔽135.. . . . 等端口 :: 配置说明文档地址 :: http://blog.csdn.net/lpc_china/article/det ...

  2. pytest mark中的skip,skipif, xfail

    这些测试的过滤,或是对返回值的二重判断, 可以让测试过程更精准,测试结果更可控, 并可以更高层的应用测试脚本来保持批量化执行. import pytest import tasks from task ...

  3. jboss各种测试方式归类

      不跨工程访问(如:HBase) 跨工程访问(如:Business) 不部署到服务器上 部署到服务器上 不部署到服务器上 部署到服务器上 Junit测试 实例化直接调用 true true Fals ...

  4. MFC+WinPcap编写一个嗅探器之二（界面）

    选择新建->项目->MFC应用程序->基于对话框完成,这里文件名为sniffer 打开资源视图中的Dialog列表,打开项目总默认创建的话框,将对话框中的所有控件删除,之后按照最终效 ...

  5. 继承的基本概念： （1）Java不支持多继承，也就是说子类至多只能有一个父类。 （2）子类继承了其父类中不是私有的成员变量和成员方法，作为自己的成员变量和方法。 （3）子类中定义的成员变量和父类中定义的成员变量相同时，则父类中的成员变量不能被继承。 （4）子类中定义的成员方法，并且这个方法的名字返回类型，以及参数个数和类型与父类的某个成员方法完全相同，则父类的成员方法不能被继承。 分析以上程

    继承的基本概念: (1)Java不支持多继承,也就是说子类至多只能有一个父类. (2)子类继承了其父类中不是私有的成员变量和成员方法,作为自己的成员变量和方法.(3)子类中定义的成员变量和父类中定义的 ...

  6. slf4j logback pom

    pom: <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding&g ...

  7. Android中Xposed框架篇-微信实现本地视频发布到朋友圈功能

    微信非常庞大,还好有一些强大的工具,下面就来总结收获的知识. 一.使用adb shell dumpsys activity top命令快速定位页面 二.使用Jadx进行方法跟踪时候如果发现没有结果,可 ...

  8. Oracle截取字符串和查找字符串

    oracle 截取字符(substr),检索字符位置(instr) case when then else end语句使用 收藏 常用函数:substr和instr 1.SUBSTR(string,s ...

  9. R语言实战（七）图形进阶

    本文对应<R语言实战>第11章:中级绘图:第16章:高级图形进阶 基础图形一章,侧重展示单类别型或连续型变量的分布情况:中级绘图一章,侧重展示双变量间关系(二元关系)和多变量间关系(多元关 ...

  10. 解问 lambda表达式

    目录 1.0 何为Lambda 1.1 Lambda语法特征 1.2 Lambda实例 1.3 Lambda中的stream 1.4 Lambda 中的 stream 效率 1.0 何为Lambda ...