两个select级联操作实例(教师职称类型与职称)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'mylist_liti.jsp' starting page</title>
<script language="javascript"> var cateArray = new Array(); cateArray[cateArray.length]=new Array("1","教师系列");
cateArray[cateArray.length]=new Array("2","工程师系列");
cateArray[cateArray.length]=new Array("3","实验系列");
cateArray[cateArray.length]=new Array("4","研究员系列"); var titleArray = new Array(); titleArray[titleArray.length]=new Array("1","教授","教授");
titleArray[titleArray.length]=new Array("1","副教授","副教授");
titleArray[titleArray.length]=new Array("1","讲师","讲师");
titleArray[titleArray.length]=new Array("1","助教","助教"); titleArray[titleArray.length]=new Array("2","教授级高工","教授级高工");
titleArray[titleArray.length]=new Array("2","高级工程师","高级工程师");
titleArray[titleArray.length]=new Array("2","工程师","工程师");
titleArray[titleArray.length]=new Array("2","助工","助工"); titleArray[titleArray.length]=new Array("3","教授级高级实验师","教授级高级实验师");
titleArray[titleArray.length]=new Array("3","高级实验师","高级实验师");
titleArray[titleArray.length]=new Array("3","实验师","实验师");
titleArray[titleArray.length]=new Array("3","助理实验师","助理实验师"); titleArray[titleArray.length]=new Array("4","研究员","研究员");
titleArray[titleArray.length]=new Array("4","副研究员","副研究员");
titleArray[titleArray.length]=new Array("4","助理研究员","助理研究员");
titleArray[titleArray.length]=new Array("4","实习研究员","实习研究员"); function setTitle(obj1ID,obj2ID){
var objCate = document.getElementById(obj1ID);
var objTitle = document.getElementById(obj2ID);
var i;
var itemArray = null;
if(objCate.value.length > 0){
itemArray = new Array();
for(i=0;i<titleArray.length;i++){
if(titleArray[i][0]==objCate.value){
itemArray[itemArray.length]=new Array(titleArray[i][1],titleArray[i][2]);
}
}
}
for(i = objTitle.options.length ; i >= 0 ; i--){
objTitle.options[i] = null;
}
objTitle.options[0] = new Option("请选择职称");
objTitle.options[0].value = "";
if(itemArray != null){
for(i = 0 ; i < itemArray.length; i++){
objTitle.options[i+1] = new Option(itemArray[i][1]);
if(itemArray[i][0] != null){
objTitle.options[i].value = itemArray[i][0];
}
}
} }
</script>
</head> <body
style="background: url(${ctx }/images/iframe_bg.gif) repeat-x; margin: 2px;"> <div id="create"
style="border: 1px solid #84a1bd; margin: 10px 250px; ">
<form name="createForm"
action="${ctx}/sys/tea.do?method=createTea" method="post">
<table width="60%" align="center" cellpadding="0" cellspacing="0"
style="font-size: 13px;">
<tr>
<td colspan="2" align="center">
<br/>
新增教师用户
</td>
<tr>
<td align="center" width="28%" height="30">
教师编号
</td>
<td align="left">
<input type="text" name="number" /> </td>
</tr>
<tr>
<td align="center" width="28%" height="30">
教师姓名
</td>
<td align="left">
<input type="text" name="name" /> </td>
</tr>
<tr>
<td align="center" width="28%" height="30">
职称类型
</td>
<td align="left">
<select name="cateid" id="cateid" onChange="setTitle('cateid','titleid')">
<option value="">请选职称类型</option>
<option value="1" >
教师系列
</option>
<option value="2">
工程师系列
</option>
<option value="3">
实验系列
</option>
<option value="4">
研究员系列
</option>
</select> </td>
</tr>
<tr>
<td align="center" width="28%" height="30">
职 称
</td>
<td align="left">
<select name="title" id="titleid">
<option value="暂无">
请选职称
</option>
</select> </td>
</tr> <tr>
<td align="center" width="28%" height="30">
</td>
<td align="left">
<a href="javascript:document.createForm.submit();">新增</a>
</td>
</tr>
</table>
</form>
</div> <br />
</body>
</html>
两个select级联操作实例(教师职称类型与职称)的更多相关文章
- jqery对于select级联操作
问题:今天在做一个需求的时候,有一个级联操作也就是选中下拉框的一列就显示对对应的数据 处理:我在做级联的时候在option的列里面绑定click的事件发现这个事件行不通:查资料发现select触发的是 ...
- Spring boot配置多个Redis数据源操作实例
原文:https://www.jianshu.com/p/c79b65b253fa Spring boot配置多个Redis数据源操作实例 在SpringBoot是项目中整合了两个Redis的操作实例 ...
- jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)
jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Val ...
- Sql Server 函数的操作实例!(执行多条语句,返回Select查询后的临时表)
Sql Server 函数的操作实例!(执行多条语句,返回Select查询后的临时表) SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO -- ==== ...
- Sql Server 函数的操作实例!(返回一条Select语句查询后的临时表)
Sql Server 函数的操作实例!(返回一条Select语句查询后的临时表) SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE FUN ...
- PHP.30-TP框架商城应用实例-后台6-商品会员价格删除-外键,级联操作
商品会员价格删除 需求:当删除一件商品时,这件商品对应的会员价格也应该从会员价格表{price,level_id,goods_id}中删除掉. 有两种删除方法 1.在钩子函数_before_delet ...
- [原创]关于Hibernate中的级联操作以及懒加载
Hibernate: 级联操作 一.简单的介绍 cascade和inverse (Employee – Department) Casade用来说明当对主对象进行某种操作时是否对其关联的从对象也作类似 ...
- Java三大框架之——Hibernate关联映射与级联操作
什么是Hibernate中的关联映射? 简单来说Hibernate是ORM映射的持久层框架,全称是(Object Relational Mapping),即对象关系映射. 它将数据库中的表映射成对应的 ...
- 安卓 SQLite数据库操作实例
前段时间写了个安卓平台下SQLite数据库操作的实例 ,一直没得时间总结 ,今天把它弄出来了. 在Android 运行时环境包含了完整的 SQLite. 首先介绍一下SQLite这个数据库: SQLi ...
随机推荐
- POJ - 2711 Leapin' Lizards
题目大意: 在一个网格地图中有一些高度不同的石柱,一些石柱上站着一些蜥蜴,你的任务是让尽量多的蜥蜴逃到边界外. 每行每列中相邻石柱的距离为1,蜥蜴的跳跃距离是d,即蜥蜴可以跳到平面距离不超过d的任何一 ...
- ASP.NET MVC 入门2、项目的目录结构与核心的DLL
我们新建一个ASP.NET MVC的Web Application后,默认的情况下,项目的目录结构如下: App_Data :这个目录跟我们一般的ASP.NET website是一样的,用于存放数据. ...
- Android 内核初识(8)Binder
简介 Binder是Android系统提供的一种IPC(进程间通信)机制.由于Android是基于Linux内核的,因此,除了Binder外,还存在其他的IPC机制,例如管道和socket等.Bind ...
- 【HDOJ】1016 Prime Ring Problem
经典DP,写的可能麻烦了一些. #include <stdio.h> #define false 0 #define true 1 ]; ]; ]; void DFS(int, int, ...
- 【HDOJ】1408 盐水的故事
简单题,感觉非常简单,像小学奥数的植树问题. #include <stdio.h> #include <math.h> #define MAXNUM 5001 int main ...
- 查找Form的文件名
我们经常会要在ORACLE EBS中寻找我们正在浏览的form页面的执行文件,我们都会直接在Help中的菜单里点击"About Oracle Application",然后查看当前 ...
- sqliteExpert软件使用(创建数据库和表)
sqliteExpert是sqlite数据库的可视化操作软件,通过该软件可以进行可视化的创建数据库以及表,免去了复杂的建表语句.首先在下面地址下载该软件http://www.ddooo.com/sof ...
- spring--AOP2--6
AOP 之 6.6 通知参数 前边章节已经介绍了声明通知,但如果想获取被被通知方法参数并传递给通知方法,该如何实现呢?接下来我们将介绍两种获取通知参数的方式. 使用JoinPoint获取:Spring ...
- 跟我学机器视觉-HALCON学习例程中文详解-测量圆环脚宽间距
跟我学机器视觉-HALCON学习例程中文详解-测量圆环脚宽间距 This example program demonstrates the basic usage of a circular meas ...
- 关于mysql的error-based injection payload
今天用sqlmap扫一个网站,想得到一个表的所有列名,注意到sqlmap用到的一个error-based payload的: 1 AND (SELECT 3174 FROM(SELECT COUNT( ...