专题栏目
  • 婵犵數濮烽弫鎼佸磻閻愬搫鍨傞悹杞拌濞兼牜绱撴担鑲℃垿宕h箛娑欑厱闁圭偓顨呯€氼剚鎯旀繝鍥ㄧ厵闁稿繗鍋愰弳姗€鏌涢弬鍧楊€楅柣锝呯仛缁楃喖鍩€椤掑嫬绠栨俊銈呮噹閹硅埖銇勯幘璺哄壉闁逞屽墮閻倿寮诲☉銏″€烽柤纰卞墰妤旈梻浣筋嚃閸犳牜绱炴繝鍌滄殾闁割偅娲橀悡銉╂倵閿濆簼鎲惧ù纭锋嫹
  • 闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鍙傦箓鏌i幇顔芥毄闁活厼妫楅妴鎺戭潩閿濆懍澹曢柣搴ゎ潐濞测晝绱炴笟鈧悰顔碱潨閳ь剙顕i崼鏇炵闁绘ḿ鏁稿畵渚€姊洪懡銈呮瀾缂侇喖鐬肩划鏃堝礈娴h櫣锛濋梺瑙勫礃椤曆呯不濮樿鲸鍠愭繝濠傜墕閸氳淇婇妶鍛櫤闁绘挶鍎甸弻锝夊即閻愭祴鍋撻崷顓涘亾濮樼偓瀚�
  • 缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾閽樻繂霉閸忓吋缍戦柛銊ュ€块弻锝夊閻樺樊妫岄梺杞扮濡繈寮婚敐澶婄睄闁稿本鑹炬禒姗€姊哄ú璇插箺妞ゃ劌锕濠氭偄鐞涒€充壕婵炴垶鐟$紓姘辩磼閻樻垚鎴犳崲濞戙垹绀傞柛蹇曗拡濡啴姊虹拠鈥虫灈闁搞垺鐓¢崺銏℃償閵堝洨鏉搁梺鍦檸閸ㄧ増绂嶆ィ鍐╃厱婵犻潧瀚崝銈囩磼閹插鐣甸柡宀€鍠栭、娑㈠幢濡ゅ嫬顏┑鐐茬墱閸嬪﹤顫忛搹瑙勫磯闁靛ǹ鍎查悵銏ゆ⒑閻熸澘娈╅柟鍑ゆ嫹
  • 闂傚倸鍊峰ù鍥х暦閻㈢ǹ绐楅柟鎵閸嬶繝寮堕崼姘珔缂佽翰鍊曡灃闁挎繂鎳庨弳娆愪繆椤愶迹顏堝Υ閹烘埈娼╅柨婵嗘噸婢规洘淇婇妶鍥ラ柛瀣姍瀹曟垿骞橀弬銉︽杸闂佺粯岣跨划顖氣槈瑜庣换娑氫沪閸屾埃鍋撳┑鍡欐殾闁靛繈鍊曠粻铏繆閵堝懎鏆欑憸鏉垮濮婃椽骞栭悙鎻掑Η闂佸憡鍔忛弲婊堫敊閸曨厾纾介柛灞剧懄缁佺増銇勯弮鈧崝娆撶嵁韫囨稒鏅搁柨鐕傛嫹
  • 闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鍙傦箓鏌i幇顒佲枙婵炴挸顭烽弻鐔兼倻濡儵鎷婚梺鍛婎殕瀹€绋款潖濞差亜鍨傛い鏇炴噹閸撴壆绱撴担绋款暢闁稿鍠栭獮澶岀矙濞嗘儳鎮戦梺鎼炲劗閺呮繃寰勯崟顖涒拺閻犲洠鈧磭鈧鎮橀悙璺盒撴い鏂垮€圭换婵堝枈婢跺瞼锛熼梺绋款儐缁嬫帡寮查崼鏇熷仼鐎光偓閳ь剟鎯岄幘缁樼厽闁规儳纾惁宥夋煕閿旇骞楅柛蹇旂矒濮婃椽宕归鍛壈濡炪倕楠忛幏锟�
  • 您现在的位置: 军旅同心 >> 读书赏析 >> 学习园地 >> 电脑网络 >> 技术文章 >> 文章正文
    jsp+javascript打造级连菜单
    作者:采集员 文章来源:来源于网络 点击数:356 更新时间:2005-9-10 14:26:32

    <%@ page import="java.util.Date,yava.fileapp.*,java.sql.*;"
             contentType="text/html;charset=GB2312" pageEncoding="GB2312"
    %>
    <style>
    .f9{ font-size:9pt; }
    .bgc{ background-color:#AECAF9; color: #0033FF }
    .buttons{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_box.list2.length;i++){
       val+=","+combo_box.list2[i].value;
      }
      if(val.charAt(0)==","){
       val=val.substr(1,val.length);
      }
      opener.form1.frecname.value=val;
      self.close();
    }

    //-->
    </SCRIPT>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <jsp:useBean id="user" scope="session" class="yava.fileapp.UserBean" />
    <%
      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);
    %>
     <script language='Javascript'>
     arr = new Array();
    <%  int temp=0;
     while(rs.next())
     {
    %>
     arr[<%=temp%>]=new Array("<%=rs.getString("fname")%>","<%=rs.getString("fdept")%>");
    <%
     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++){
    if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门]
    document.combo_box.city.options[document.combo_box.city.length] = 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_box.prov.options[combo_box.prov.selectedIndex].text);"  style="width:150;height:200" class="bgc">
      <option value="0">请选择部门 ---></option>
    <%
        String sqld="SELECT * FROM tdept";
     stmt=conn.createStatement();
     rs=stmt.executeQuery(sqld);
     while(rs.next())
     {
    %>
      <option name="<%=rs.getString("fno")%>"><%=rs.getString("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(this.form.list2,this.form.city)" value="<<" class="buttons">
      <input type="button" onClick="move(this.form.city,this.form.list2)" 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 < tbox.options.length; i++) {
    arrLookup[tbox.options[i].text] = tbox.options[i].value;
    arrTbox[i] = tbox.options[i].text;
    }
    var fLength = 0;
    var tLength = arrTbox.length;
    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 != "") {
    arrTbox[tLength] = fbox.options[i].text;
    tLength++;
    }
    else {
    arrFbox[fLength] = fbox.options[i].text;
    fLength++;
       }
    }
    arrFbox.sort();
    arrTbox.sort();
    fbox.length = 0;
    tbox.length = 0;
    var c;
    for(c = 0; c < arrFbox.length; c++) {
    var no = new Option();
    no.value = arrLookup[arrFbox[c]];
    no.text = arrFbox[c];
    fbox[c] = no;
    }
    for(c = 0; c < arrTbox.length; c++) {
    var no = new Option();
    no.value = arrLookup[arrTbox[c]];
    no.text = arrTbox[c];
    tbox[c] = no;
       }
    }

    </script>
    </body>


     
    免责声明:作品版权归所属媒体与作者所有!!本站刊载此文不代表同意其说法或描述,仅为提供更多信息。如果您认为我们侵犯了您的版权,请告知!本站立即删除。有异议请联系我们。
    文章录入:烟灰缸    责任编辑:烟灰缸 
    高级搜索
       
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登录 |