jsp+javascript打造级连菜单

1@ page import="java.util.Date,yava.fileapp.*,java.sql.*;"   
2contentType="text/html;charset=GB2312" pageEncoding="GB2312"   
 1<style>   
 2.f9{ font-size:9pt; }   
 3.bgc{ background-color:#AECAF9; color: #0033FF }   
 4.buttons{font-family:Arial; font-size:13px; font-weight:bold; background-color:#6796E4; color:white; border-top: solid 2px #AACAFB;   
 5border-bottom: solid 1px #4E7DC1;   
 6border-left: solid 1px #AECAF9;   
 7border-right: solid 1px #5679BD;   
 8padding:1px;   
 9margin:0px;}   
10</style>
 1<script language="JavaScript">   
 2<!--   
 3function rv()   
 4{   
 5var val="";   
 6for(i=0;i<combo_box.list2.length;i++){   
 7val+=","+combo_box.list2[i].value;   
 8}   
 9if(val.charAt(0)==","){   
10val=val.substr(1,val.length);   
11}   
12opener.form1.frecname.value=val;   
13self.close();   
14} 
15
16//-->   
17</script>
1<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
2<jsp:usebean class="yava.fileapp.UserBean" id="user" scope="session"></jsp:usebean>   

CDataSource ds=new CDataSource(); //数据联结Bean实例
java.sql.Connection conn=ds.getConnection();
java.sql.Statement stmt=null;
java.sql.ResultSet rs=null;
CDataCheck dc=new CDataCheck();

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();
rs=stmt.executeQuery(sqlu);

1<script language="Javascript">   
2arr = new Array();   

int temp=0;
while(rs.next())
{

1arr[```
2=temp
3```]=new Array("```
4=rs.getString("fname")
5```","```
6=rs.getString("fdept")
7```");   

temp = temp + 1;
}

 1temp=```
 2=temp
 3```;   
 4function ChangeLocation(id){   
 5document.combo_box.city.length=0; //初始化第2级菜单的长度,下标从0开始   
 6var i = 0;   
 7document.combo_box.city.options[0]=new Option('-------','');   
 8for(i=0;i<temp;i++){   
 9if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门]   
10document.combo_box.city.options[document.combo_box.city.length] = new Option(arr[i][0], arr[i][0]);   
11}   
12}   
13}   
14</script>
15<form name="combo_box">
16<table border="0" cellpadding="0" cellspacing="0" height="210" width="59">
17<tr height="24">
18<td align="center" bgcolor="#336699" class="buttons"><font color="#ffffff">部门选择</font></td>
19<td align="center" bgcolor="#336699" class="buttons"><font color="#ffffff">人名选择</font></td>
20<td align="center" bgcolor="#336699" class="buttons" nowrap=""><font color="#ffffff">添加/移除</font></td>
21<td align="center" bgcolor="#336699" class="buttons"><font color="#ffffff">最终人</font></td>
22</tr>
23<tr>
24<td>
25<select class="bgc" id="prov" multiple="" name="prov" onchange="ChangeLocation(combo_box.prov.options[combo_box.prov.selectedIndex].text);" style="width:150;height:200">
26<option value="0">请选择部门 ---&gt;</option>   

String sqld="SELECT * FROM tdept";
stmt=conn.createStatement();
rs=stmt.executeQuery(sqld);
while(rs.next())
{

1<option ```"="" fno")="" name="```
2=rs.getString(">```
3=rs.getString("fname")
4```</option>   

}

 1</select>
 2</td>
 3<td>
 4<select class="bgc" id="city" multiple="" style="width:150;height:200">
 5</select>
 6</td>
 7<td align="center" class="bgc" nowrap="">
 8<input class="buttons" onclick="move(this.form.list2,this.form.city)" type="button" value="&lt;&lt;"/>
 9<input class="buttons" onclick="move(this.form.city,this.form.list2)" type="button" value="&gt;&gt;"/>
10</td>
11<td>
12<select class="bgc" multiple="" name="list2" size="10" style="width:150;height:200">
13</select>
14</td>
15</tr>
16<tr class="bgc">
17<td align="center" colspan="4"><input class="buttons" name="button1" onclick="rv();" type="button" value="选好了!"/></td>
18</tr>
19</table>
20</form>
21<script language="JavaScript">   
22//人名移动   
23function move(fbox, tbox) {   
24var arrFbox = new Array();   
25var arrTbox = new Array();   
26var arrLookup = new Array();   
27var i;   
28for (i = 0; i < tbox.options.length; i++) {   
29arrLookup[tbox.options[i].text] = tbox.options[i].value;   
30arrTbox[i] = tbox.options[i].text;   
31}   
32var fLength = 0;   
33var tLength = arrTbox.length;   
34for(i = 0; i < fbox.options.length; i++) {   
35arrLookup[fbox.options[i].text] = fbox.options[i].value;   
36if (fbox.options[i].selected && fbox.options[i].value != "") {   
37arrTbox[tLength] = fbox.options[i].text;   
38tLength++;   
39}   
40else {   
41arrFbox[fLength] = fbox.options[i].text;   
42fLength++;   
43}   
44}   
45arrFbox.sort();   
46arrTbox.sort();   
47fbox.length = 0;   
48tbox.length = 0;   
49var c;   
50for(c = 0; c < arrFbox.length; c++) {   
51var no = new Option();   
52no.value = arrLookup[arrFbox[c]];   
53no.text = arrFbox[c];   
54fbox[c] = no;   
55}   
56for(c = 0; c < arrTbox.length; c++) {   
57var no = new Option();   
58no.value = arrLookup[arrTbox[c]];   
59no.text = arrTbox[c];   
60tbox[c] = no;   
61}   
62} 
63
64</script>
65</body>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus