两个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 ...
随机推荐
- cat命令常用的13个技巧
在Linux系统中,大多数配置文件.日志文件,甚至shell脚本都使用文本文件格式,因此,Linux系统存在着多种文本编辑器,但当你仅仅想要查看一下这些文件的内容时,可使用一个简单的命令-cat. c ...
- VC2008下CRichEditView加载RichEdit4.1版本（还有一些类似的文章）
在之前的文章<RichEdit 各个版本介绍>中,写到RichEdit已经到达6.0版本了,而我们经常编程使用的却还是2.0,在vc6.0中甚至还使用1.0版本,更高的版本修复了 ...
- IBM Rational-完整的软件工程解决方案工具集
IBM,即国际商业机器公司,1911年创立于美国,是全球最大的信息技术和业务解决方案公司,其业务遍及全球170多个国家和地区.IBM软件分为五个部分,其中Rational系列是专门针对软件工程的软件工 ...
- WPF——文本随滚动条改变而改变
一.造一个窗体,拖进一个文本框TextBox和滚动条Slider 二.让文本框的内容随滚动条的滚动而改变,即文本框绑定到滚动条上 三.实现效果
- 致改变——总结&规划（2016·一）
今天是立夏,过完这一天意味着农历2016年的第一季度已经过去了,也意味着真正的夏天已经来了.如果说春天是作物的播种期的话,那夏天可以看做是作物的成长期,也是农民伯伯们最繁忙的时期.本文主要对自己过去的 ...
- POJ 3342 （树形DP）
题意 :给出一些上下级关系,要求i和i的直接上级不能同时出现,现在选出一些人构成一个集合,问你这个集合里面的最大人数是都少,同时给出这个最大的人数的集合是否唯一. 思路:树形DP,dp[i][0],表 ...
- HDU-5414 CRB and String
http://acm.hdu.edu.cn/showproblem.php?pid=5414 题意:给定字符串s和t,可以在s里面选一个字符c,然后任选一个字符d(d!=c)将d插入到c的后面,问能不 ...
- Monkey的简单自动化
手机测试都逃避不了Monkey,但每次都是手动跑Monkey,自己导出包来,一条条的手动输入命令. 现在轮到我去执行这些任务,觉得很是繁琐,于是写了这个脚本,自动读取导出的包名,一键回车搞定. 代码如 ...
- Error -26359: Function not allowed within a concurrent group
Error -26359: Function not allowed within a concurrent group 疑问: 基于url录制的脚步能用检查点么? 疑问: web_set_max ...
- Restful与webService区别
有好多人问我们在设计底层服务的时候到底是应该选择目前最流行的RestFul架构还是选择老牌的webService呢?今天我就将这两个概念做一下阐述,到底什么情况下选择什么比较合理. 首先需要了解:RE ...