道非道 非常道

          勤思、謹言、慎行、厚積、薄發

          統計

          web

          天圓

          經濟 政治 軍事

          鍵康

          原始 JSP 頁面 在 二級聯動顯示

           1  Area 類:
           2  public class Area{
           3 private List emportias = new ArrayList(); /* 第二級 */
             private String aname = null;
           4  }
           5 
           6 
           7 jsp 頁面:
           8 <select name="city" id="city"onchange="bizAreas(this.options[this.selectedIndex].value)">
                  
          /* 數據存儲到 request 對象中,一級顯示,沒什么大問題 */
           9    <c:forEach items="${list}" var="list">
          10        <option value='${list.aname}'>
          11            ${list.aname}
          12        </option>
          13     </c:forEach>
          14 </select>
          15
           1 function bizAreas(value)
           2   {
           3     var obj = document.getElementById("b1"); /*得到二級聯運的對象 */
           4        /* 清空下拉列表框對象 */
           5       while (obj.options.length>0)
           6        {
           7           obj.options.remove(0);
           8        } 
           9             
          10        <%
                       /* 先循環第一級的集合,并提取形字 Area 類對象 */
          11           List list = (List)request.getAttribute("list");
          12            for(int i=0;i<list.size();i++){
          13               Area a = (Area)list.get(i);
          14        %>     /* 判斷第一級選擇的值等于集合中的那個值,再循環這個對象下的二級集合 */
          15              if(value == '<%=a.getAname()%>'){
          16        <%     /* 循環二級,并把它添加到 select 對象中 */
          17            for(int j=0;j<a.getEmportias().size();j++){
          18               Emportia em = (Emportia)a.getEmportias().get(j);
          19        %>
          20             bj.options.add(new Option('<%=em.getEname()%>','<%=em.getEname()%>'));                            
          21        <%
          22         }
          23         %>
          24         }
          25        <%
          26        }
          27       %>
          28       alert(value);
          29
          32  }

              太原始了,頁面上都出現了JAVA代碼,
          不過現在功力有限,如果有更好的 tag 或者 代碼,希望跟我聯系.
              這種方案不好的地方是:要第一次將數據全部顯示在頁面上.加載會很慢.適合數據量小的頁面.如果數據量很大,
              還是用Ajax 技術吧.
             



          posted on 2008-11-25 17:44 星期五 閱讀(212) 評論(0)  編輯  收藏


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


          網站導航:
           
          主站蜘蛛池模板: 开封县| 乐山市| 永和县| 安化县| 东山县| 太仆寺旗| 峨山| 沿河| 托克逊县| 西乌| 靖远县| 博野县| 贵南县| 灵寿县| 固镇县| 沙河市| 宁南县| 田林县| 靖江市| 札达县| 宁远县| 绥滨县| 岚皋县| 华安县| 修文县| 温州市| 蓝田县| 长春市| 当雄县| 铜陵市| 凤山县| 镇原县| 德惠市| 泰顺县| 襄樊市| 许昌县| 五华县| 宜都市| 廉江市| 天门市| 泰顺县|