用JSP和JavaScript打造级连菜单
JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。下面小编准备了关于用JSP和JavaScript打造级连菜单的.文章,提供给大家参考!
<%@ page import=",app.*,.*;"
contentType="text/html;charset=GB2312" pageEncoding="GB2312"
%>
<style>
.f9{ font-size:9pt; }
{ background-color:#AECAF9; color: #0033FF }
ons{font-family:Arial; font-size:13px;
font-weight:bold; background-color:#6796E4;
color:white; border-top: solid 2px #AACAFB;
border-bottom: solid 1px #4E7DC1;
border-left: solid 1px #AECAF9;
border-right: solid 1px #5679BD;
padding:1px;
margin:0px;}
</style>
<SCRIPT LANGUAGE="javascript">
<!--
function rv()
{
var val="";
for(i=0;i<combo_th;i++){
val+=","+combo_2[i]e;
}
if(At(0)==","){
val=tr(1,th);
}
e=val;
e();
}
//-->
</SCRIPT>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<jsp:useBean id="user" scope="session" class="Bean" />
<%
CDataSource ds=new CDataSource(); //数据联结Bean实例
ection conn=onnection();
ement stmt=null;
ltSet rs=null;
CDataCheck dc=new CDataCheck();
%>
<%
String sqlu="SELECT , e, e AS fdept
FROM tuser t1 LEFT OUTER JOIN TDept t2
ON t = order by e";
stmt=teStatement();
rs=uteQuery(sqlu);
%>
<script language="Javascript">
arr = new Array();
<% int temp=0;
while(())
{
%>
arr[<%=temp%>]=new Array("<%=tring("fname")%>","<%=tring("fdept")%>");
<%
temp = temp + 1;
}
%>
temp=<%=temp%>;
function ChangeLocation(id){
o_th=0; //初始化第2级菜单的长度,下标从0开始
var i = 0;
o_ons[0]=new Option("-------","");
for(i=0;i<temp;i++){
if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门]
o_ons[o_th] = new Option(arr[i][0], arr[i][0]);
}
}
}
</script>
<form name="combo_box">
<table border="0" cellspacing="0" cellpadding="0" height="210" width="59">
<tr height="24">
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>部门选择</font></td>
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>人名选择</font></td>
<td bgcolor="#336699" class="buttons" align=center nowrap><font color=#ffffff>添加/移除</font></td>
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>最终人</font></td>
</tr>
<tr>
<td>
<select multiple id=prov name="prov"
onchange="ChangeLocation(combo_ons[combo_ctedIndex]);"
style="width:150;height:200" class="bgc">
<option value="0">请选择部门 ---></option>
<%
String sqld="SELECT * FROM tdept";
stmt=teStatement();
rs=uteQuery(sqld);
while(())
{
%>
<option name="<%=tring("fno")%>"><%=tring("fname")%></option>
<%
}
%>
</select>
</td>
<td>
<select multiple id=city style="width:150;height:200" class="bgc">
</select>
</td>
<td nowrap align="center" class="bgc">
<input type="button" onClick="move(2,)" value="<<" class="buttons">
<input type="button" onClick="move(,2)" value=">>" class="buttons">
</td>
<td>
<select multiple size="10" name="list2" style="width:150;height:200" class="bgc">
</select>
</td>
</tr>
<tr class="bgc">
<td colspan="4" align="center">
<input type="button" name="button1" class="buttons" value="选好了!" onclick="rv();"></td>
</tr>
</table>
</form>
<script language="JavaScript">
//人名移动
function move(fbox, tbox) {
var arrFbox = new Array();
var arrTbox = new Array();
var arrLookup = new Array();
var i;
for (i = 0; i < th; i++) {
arrLookup[ons[i]] = ons[i]e;
arrTbox[i] = ons[i];
}
var fLength = 0;
var tLength = th;
for(i = 0; i < th; i++) {
arrLookup[ons[i]] = ons[i]e;
if (ons[i]cted && ons[i]e != "") {
arrTbox[tLength] = ons[i];
tLength++;
}
else {
arrFbox[fLength] = ons[i];
fLength++;
}
}
();
();
th = 0;
th = 0;
var c;
for(c = 0; c < th; c++) {
var no = new Option();
e = arrLookup[arrFbox[c]];
= arrFbox[c];
fbox[c] = no;
}
for(c = 0; c < th; c++) {
var no = new Option();
e = arrLookup[arrTbox[c]];
= arrTbox[c];
tbox[c] = no;
}
}
</script>
</body>
相關文章
-
JavaScript和JSP的区别
JavaScript和JSP的区别一:JavaScriptJavaScript 是一种新的描述语言,此一语言可以被箝入 HTML 的文件之中。透过 JavaScript 可以做到回应使用者的需求事件 (如: form 的输入) 而不用任何的网路来回传输资料,所以当一 -
java与javascript之间json格式数据互转详解
刘备是和关羽是桃园结义的好兄弟,关于刘关张磕头拜把子的故事一直流传到现在还影响着很多人,由此可见三人的感情至深。说到关公,无论古今现代都广为流传。建安二十四年,关羽北伐,水淹七军,降于禁,斩庞德,威震华夏。曹操为了避 -
使用JavaScript实现Java的List功能
复制代码 代码如下:/*** js模拟java中的List*/var list = new Array();/*** 添加* @param {Object} object*/function add(object) {list[th] = object;}/*** 移除此列表中指定位置上的元素。* @param index 指定位置 -
Javascript和Java语言间的异同比较
虽然Javascript与Java有紧密的联系,但却是两个公司开发的不同的两个产品。那么js和java有什么关系,两种语言的不同点是什么呢?以下是本站小编搜索整理的关于Javascript和Java语言间的异同比较,供参考学习,感兴趣的小伙伴们 -
JavaScript中push(),join() 函数实例详解
定义和用法push方法 可向数组的末尾添加一个或多个元素,并返回一个新的.长度。join方法 用于把数组中所有元素添加到一个指定的字符串,元素是通过指定的分隔符进行分割的。语法(newelement1,newelement2,....,newelemen -
关于JavaScript中isPrototypeOf函数作用和使用实例
JavaScript中isPrototypeOf函数方法是返回一个布尔值,指出对象是否存在于另一个对象的原型链中。使用方法:代码如下:ototypeOf(object2)其中object1为必选项,一个对象的实例。object2为必选项,另一个对象,将要检查其原型 -
关于 response方法的javascript asp教程第六课
response 对象:reponse是asp中六个对象之一。它代表了服务器端对浏览器的回应。response有8种方法,9种属性和一个集。在这一课,我们就重点讲述方法。方法:在javascript中,asp方法使用括号。请注意依赖er的两个方法,我们将在 -
JavaScript-JavaScript数据结构和算法之图和图算法,
图的定义图(Graph)是由顶点的有穷非空集合和顶点之间边的集合组成,通常表示为:G(V,E),其中,G表示一个图,V是图G中顶点的集合,E是图G中边的集合。有向图有向边:若从顶点Vi到Vj的边有方向,则称这条边为有向边,也成为弧(Arc),用有序 -
JavaScript ES6中CLASS的使用指南
1、前言对于javascript来说,类是一种可选(而不是必须)的设计模式,而且在JavaScript这样的[[Prototype]] 语言中实现类是很蹩脚的。这种蹩脚的感觉不只是来源于语法,虽然语法是很重要的原因。js里面有许多语法的缺点:繁琐杂 -
2017最新javascript中AJAX用法
用不用了的笔芯袋做成主要材料:笔芯袋 随便所需工具:手制作步骤:第1步:第2步:等分三份第3步:第4步:第5步:把头从小洞里穿进去第6步:第7步:整理一下第8步:大功告成o(^o^)o