悟心

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

            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 唯美古典
          不錯 收了  回復  更多評論
            


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


          網站導航:
           
          主站蜘蛛池模板: 电白县| 长沙县| 漳浦县| 泗水县| 大洼县| 常熟市| 长泰县| 安图县| 通化市| 潼关县| 台东市| 新宁县| 安庆市| 涞水县| 仁寿县| 德惠市| 高陵县| 肃宁县| 蓬溪县| 明溪县| 平罗县| 奈曼旗| 临颍县| 楚雄市| 鄂托克旗| 洪江市| 师宗县| 庆城县| 新竹县| 湖北省| 华宁县| 洪雅县| 自贡市| 西充县| 上林县| 湖口县| 武安市| 邯郸市| 玛沁县| 高要市| 伊金霍洛旗|