jsp+javascript打造级连菜单(页 1) - ASP,PHP,CGI,JSP技术 - 捌玖网络工作室 |网页制作|平面设计|建站交流|代码资料|建站教程|主机域名|asp、php、jsp代码|网站素材

admin 发表于 2007-12-5 17:43

jsp+javascript打造级连菜单

<%@ page import="java.util.date,yava.fileapp.*,java.sql.*;"!Uy[] x@`
      c pageencoding="gb2312"
%>9Mxl3`%`a
<style>
.f9{ font-size:9pt; }
.bgc{ background-color:#aecaf9; color: #0033ff }mlXc!PT9|N/]
.buttons{font-family:arial; font-size:13px; font-weight:bold; background-color:#6796e4; color:white; border-top: solid 2px #aacafb;6ka5u'_$]?X
  border-bottom: solid 1px #4e7dc1;
  border-left: solid 1px #aecaf9; I^ Ad!|Hc7vS
  border-right: solid 1px #5679bd;M!n1zP4b
  padding:1px;
  margin:0px;}:n v&lX0M.I
</style>/t6q1[#xA&@
<script language="javascript">
]w3\g5RLk:G
</script>LVJC.js6~_
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<jsp:usebean id="user" scope="session" class="yava.fileapp.userbean" />0}6RZu^y"fJ
<%
  cdatasource ds=new cdatasource();  //数据联结bean实例
  java.sql.connection conn=ds.getconnection();&]l.w6[Wi'P
  java.sql.statement stmt=null;
  java.sql.resultset rs=null;Um5QBqG u|
  cdatacheck dc=new cdatacheck();1L2n6y)l2F
%>2eC\t*K%W6C|zU
<%z,LP|$S
string sqlu="select t1.fno, t1.fname, t2.fname as fdept from tuser t1 left outer join tdept t2 on t1.fdept = t2.fno order by t2.fname";
stmt=conn.createstatement(); k.s_4` sO@K
rs=stmt.executequery(sqlu);e` UphN8dx
%>
<script language='javascript'>
arr = new array();
<%  int temp=0;
while(rs.next())
{
%>
arr[<%=temp%>]=new array("<%=rs.getstring("fname")%>","<%=rs.getstring("fdept")%>");
<%_9h~%\_5['qK
temp = temp + 1;
}
%>
temp=<%=temp%>;
function changelocation(id){
document.combo_box.city.length=0; //初始化第2级菜单的长度，下标从0开始
var i = 0;
document.combo_box.city.options[0]=new option('-------','');
for(i=0;i<temp;i++){ 1P;XY,]2Y?%Qj
if(arr[i][1]==id){//如果相等，证明在第2级里面有输入第1级组织的子集,arr[总数目][部门] /e u?4}U
document.combo_box.city.options[document.combo_box.city.length] = new option(arr[i][0], arr[i][0]); |dN6u|'FP
}
} p-_*p"OD8]2E
} .~ @ F1IR7oZ
</script>@!H2It7?zC3D-c

<form name="combo_box">3^2B5L9T5T8N.x
<table border="0" cellspacing="0" cellpadding="0" height="210" width="59">O&jN j x R
  <tr height="24"> DI1Y e/~ }
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>部门选择</font></td>LUrp^m
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>人名选择</font></td>RT \ZkMo
<td bgcolor="#336699" class="buttons" align=center nowrap><font color=#ffffff>添加/移除</font></td>([SD{i9sY.Y
<td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>最终人</font></td>
  </tr>
  <tr>
<td>~:\:qh7W
  <select multiple id=prov name="prov" style="width:150;height:200" class="bgc">*PU;[V8oXaBR
  <option value="0">请选择部门 ---></option>
<%[CR7f+r"@i'|
string sqld="select * from tdept";
stmt=conn.createstatement();
rs=stmt.executequery(sqld);JUA@#tF/jYi
while(rs.next())
{| QSew"jjz
%>
  <option name="<%=rs.getstring("fno")%>"><%=rs.getstring("fname")%></option>2g$ehkOV$W
<%
}yR)R[,{qDA
%>
  </select>
</td>j4P%x1NK
<td> yL&yD%mf
  <select multiple id=city style="width:150;height:200" class="bgc">
  </select>
</td>+wnh)d#Mb)|!| xq+W
<td nowrap align="center" class="bgc">
  <input type="button"  value="<<" class="buttons">z(]2h,S%Yx
  <input type="button"  value=">>" class="buttons"> qHqcd HLc
</td>x{q&ubR
<td>
  <select multiple size="10" name="list2" style="width:150;height:200" class="bgc"> F.[?(_ XIHiq
  </select>
</td>0s7\;s[c}3NBU'A
  </tr> GM;_2Gy R$h/P"x
<tr class="bgc"> asH2Uh+C4@i
<td colspan="4" align="center"><input type="button" name="button1" class="buttons" value="选好了！" ></td>
  </tr>
</table>pf*J5? \7y,L
</form>
<script language="javascript">
//人名移动J)vhl(\
function move(fbox, tbox) { ~#N*~{:rU"l6s9Q
var arrfbox = new array();
var arrtbox = new array();#^.c z z3x
var arrlookup = new array();&I3T/kF*GO'k(e5^*Z
var i;UR*Q'Bj
for (i = 0; i < tbox.options.length; i++) {k6gh'e'D7r)Ib
arrlookup[tbox.options[i].text] = tbox.options[i].value;~6|M*F_1BNL
arrtbox[i] = tbox.options[i].text;$Y%Np@ AW
}
var flength = 0;"hG'NY8{'rRO
var tlength = arrtbox.length;Tj$q)i [o4]
for(i = 0; i < fbox.options.length; i++) {
arrlookup[fbox.options[i].text] = fbox.options[i].value;
if (fbox.options[i].selected && fbox.options[i].value != "") {"c:y6dA!AM
arrtbox[tlength] = fbox.options[i].text;
tlength++;
}
else {L2Q1a%dO)p(?l[7e~]
arrfbox[flength] = fbox.options[i].text;
flength++;Q4VA(ydc:V:[:Z
}
}2\ Kd/L ^q0WY
arrfbox.sort();
arrtbox.sort();

fbox.length = 0;o NHe%w$P
tbox.length = 0;
var c; L%iW6AB"nRK2c
for(c = 0; c < arrfbox.length; c++) {_{P y4V:M0^#V
var no = new option();Yczc/Gr})[$[
no.value = arrlookup[arrfbox[c]];Q6tqO5q4la([A6y&k
no.text = arrfbox[c];%Lc'TYi6Ro:`_2t
fbox[c] = no;9N_5T9[zh+G
}"B:u6U5HK1gbt
for(c = 0; c < arrtbox.length; c++) {w3G3sr6jN)x,r
var no = new option();
no.value = arrlookup[arrtbox[c]];
no.text = arrtbox[c];9b;~1U$EWq+_(@-~
tbox[c] = no;+R-U/x^%e*B8}q ^8c
}AU$hX.Lr~
}Cp+?m9hT
</script>
</body>
[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]

页: [1]

捌玖网络工作室's Archiver

jsp+javascript打造级连菜单