悟心

          成功不是將來才有的,而是從決定去做的那一刻起,持續累積而成。 上人生的旅途罷。前途很遠,也很暗。然而不要怕。不怕的人的面前才有路。

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            93 隨筆 :: 1 文章 :: 103 評論 :: 0 Trackbacks

           

          DemoServlet

           

          package com.common;

          import java.io.IOException;
          import java.io.PrintWriter;
          import java.util.List;

          import javax.servlet.ServletException;
          import javax.servlet.http.HttpServlet;
          import javax.servlet.http.HttpServletRequest;
          import javax.servlet.http.HttpServletResponse;

          public class DemoTest extends HttpServlet {

           
           private IDemo demo=new Demo();

           public void doGet(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {

            doPost(request, response);
           }


           public void doPost(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
            request.setCharacterEncoding("utf-8");
            response.setCharacterEncoding("utf-8");
            response.setContentType("text/html");
            PrintWriter out = response.getWriter();
            int id=Integer.parseInt(request.getParameter("id"));
            List list=demo.query(id);
            String json="";
            for (int i = 0; i < list.size(); i++) {
             json+=list.get(i)+",";
            }
            System.out.println(json);
            out.write(json);
            out.flush();
            out.close();
           }

          }

           

          Demo.jsp <script type="text/javascript">
           $(document).ready(function(){
            var s1Obj = document.getElementById("s1");
            var s2Obj = document.getElementById("s2");
            var tempValue = s1Obj.value;
            
            $.get('/Demo/DemoTest',{id:tempValue},function(x){
             var temp=x.split(',');
             for(var i=0;i<temp.length-1;i++){
              var tempOption = document.createElement("option");
              tempOption.value = temp[i];
              tempOption.innerHTML  = temp[i];
              s2Obj.appendChild(tempOption);
             }
            });
           });
           
           function leve(){
            var s1Obj = document.getElementById("s1");
            var s2Obj = document.getElementById("s2");
            var tempValue = s1Obj.value;
            s2Obj.innerHTML = '';
            $.get('/Demo/DemoTest',{id:tempValue},function(x){
             var temp=x.split(',');
             for(var i=0;i<temp.length-1;i++){
              var tempOption = document.createElement("option");
              tempOption.value = temp[i];
              tempOption.innerHTML  = temp[i];
              s2Obj.appendChild(tempOption);
           
             }
            });
            
            
           }
             
            </script>
           <body>
            <select name="s1" id="s1" onchange="leve();">
             <option value='1'>
              市場部
             </option>
             <option value='2'>
              財務部
             </option>
             <option value='3'>
              勞務部
             </option>
            </select>
            <select name="s2" id="s2">
            </select>
           </body>
          posted on 2009-11-15 00:21 艾波 閱讀(2173) 評論(1)  編輯  收藏

          評論

          # re: 級聯菜單(js+jquery+jdbc+servlet)[未登錄] 2009-11-16 11:21 唯美古典
          不錯 收了  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 龙游县| 定日县| 宜良县| 华池县| 新建县| 莱阳市| 万山特区| 格尔木市| 航空| 芦山县| 湖南省| 额济纳旗| 北京市| 永州市| 耿马| 慈利县| 和林格尔县| 上林县| 宜兰市| 泽库县| 镶黄旗| 当阳市| 辛集市| 天台县| 江口县| 深水埗区| 南阳市| 东方市| 松潘县| 忻城县| 东兴市| 红原县| 南丹县| 双牌县| 宁德市| 抚远县| 汽车| 梁河县| 新安县| 吴川市| 定南县|