两个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 ...

随机推荐

[topcoder]FoxAndChess
http://community.topcoder.com/stat?c=problem_statement&pm=12725&rd=15702 这题比较简单.首先所有的LR的顺序要一 ...
9. MonoBehaviour.StartCoroutine 开始协同程序
function StartCoroutine (routine : IEnumerator) : Coroutine 描述:开始协同程序. 一个协同程序在执行过程中,可以在任意位置使用yield语句 ...
Android MediaStore与Media.EXTERNAL_CONTENT_URI
MediaStore这个类是Android系统提供的一个多媒体数据库,android中多媒体信息都可以从这里提取.这个MediaStore包括了多媒体数据库的所有信息,包括音频,视频和图像,andro ...
Android 自定义对话框(Dialog)位置,大小
代码: package angel.devil; import android.app.Activity; import android.app.Dialog; import android.os.B ...
【HDOJ】1508 Alphacode
简单DP.考虑10.20(出现0只能唯一组合).01(不成立). /* 1508 */ #include <iostream> #include <string> #inclu ...
IPv6 tutorial 3 New features: IPsec and LAN features
https://4sysops.com/archives/ipv6-tutorial-part-3-new-features-ipsec-and-lan-features/ In the last p ...
MySQL for Excel用法
MySQL有一款工具“MySQL for Excel”它可以提供将Excel的数据导入MySQL,或者将MySQL的数据导出到Excel的功能.简而言之,使用MySQL for Excel可以通过Ex ...
DedeCms 5.7友情链接模块注入漏洞
漏洞版本: DedeCms 5.7 漏洞描述: DedeCms基于PHP+MySQL的技术开发,是目前国内应用最广泛的php类CMS系统. DedeCms 5.7前台提交友情链接处,可以插入恶意JS代 ...
Apache设置防DDOS模块mod_evasive
mod_evasive 是Apache(httpd)服务器的防DDOS的一个模块.对于WEB服务器来说,是目前比较好的一个防护DDOS攻击的扩展模块.虽然并不能完全防御 DDOS攻击,但在一定条件下, ...
fcitx中文输入法
Ubuntu自带的输入法不太尽如人意思,用起来也不方便,我在Ubuntu和FC中都是用Fcitx,很好用! 安装配置如下: 1. 安装 fcitx sudo apt-get install fcitx ...

两个select级联操作实例（教师职称类型与职称）

两个select级联操作实例（教师职称类型与职称）的更多相关文章

随机推荐

热门专题