posts - 23, comments - 6, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          二級聯動Jsp+javascript

          Posted on 2006-10-17 09:44 小傻 閱讀(1114) 評論(1)  編輯  收藏 所屬分類: jsp

          <script language="JavaScript">??
          ? var onecount;??
          ? onecount=0;??
          ? subcat =new Array();?
          ? // 建立數組
          <%
          int count;
          String sql0="select * from class ";
          ResultSet rs0=RegisterBean.executeQuery(sql0);?? //打開數據庫,這里我用的是javabean鏈接JDBC的方法
          count=0;
          while(rs0.next())
          {
          %>????????????????????????????????????????????????????? 小類ID?????????????????????????????????????? 小類名字??????????????????????? 大類ID
          subcat[<%=count%>] = new Array("<%=rs0.getString(1)%>","<%=rs0.getString(2)%>","<%=rs0.getString(3)%>");? //給數組賦值,其中rs0.getString(1)代表第1字段,這里不要搞錯字段哦
          <%
          count=count+1;
          }
          rs0.close();
          %>
          onecount=<%=count%>;
          function changelocation(id) //實現函數
          ??? {
          ??? document.myform.classid.length = 0;

          ??? var id=id;
          ?
          ??? var i;//如果i從1循環那么記錄中第1行的信息就看不到了
          ??? for (i=0;i<onecount; i++)? //從數組的第1行算起 查找id ,這里的id是你大類的id(下面有我的數組例子)
          ??????? {
          ??????????? if (subcat[i][2] ==id)? //第一次循環從第1行,第3列,那1列是大類ID
          ??????????? {
          ???document.myform.classid.options[document.myform.classid.length] = new Option(subcat[i][1], subcat[i][0]); //導出數組,導出小類名稱和小類ID
          ??????????? }???????
          ??????? }
          ???????
          ??? }???
          </script>

          <form? name="myform" method="post" action="#">
          <select name="categoryid"? style="font-size:14px; width:100px;"? size="8" onChange="changelocation(document.myform.categoryid.options[document.myform.categoryid.selectedIndex].value);">
          <%
          String sql1="select * from category ";
          ResultSet rs1=RegisterBean.executeQuery(sql1);
          while(rs1.next())
          {
          %>?
          <option value="<%=rs1.getInt(1)%>"><%=rs1.getString(2)%></option>
          <%
          }
          rs1.close();
          %>
          </select>
          <select name="classid" style="font-size:14px;width:100px" size="8">
          </select>
          例子
          0???????????????? 1?????????????????? 2
          chassid?? classname?? categoryid
          小類ID??? 小類名字????? 大類ID
          ?備注:?搞清出javascript如何實現很重要


          評論

          # re: 二級聯動Jsp+javascript  回復  更多評論   

          2008-09-29 22:56 by dora
          這個很強,偶找了那么多,還是這個簡單
          主站蜘蛛池模板: 自治县| 灌阳县| 大英县| 丹棱县| 手机| 大石桥市| 大冶市| 松滋市| 黄浦区| 黔东| 宝鸡市| 祁东县| 合肥市| 灵丘县| 噶尔县| 太仆寺旗| 科技| 临湘市| 尉犁县| 临海市| 赤水市| 汾西县| 高邮市| 延长县| 乌鲁木齐县| 湖北省| 甘孜县| 白银市| 科技| 岫岩| 左贡县| 韩城市| 罗田县| 丰宁| 师宗县| 咸宁市| 交城县| 新和县| 都匀市| 增城市| 石景山区|