登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>JSP教程>>工具.对象.设计>>JSP+JavaScript打造二级级联下拉菜单
JSP+JavaScript打造二级级联下拉菜单
来源:赛迪网 ‖ 作者: ‖ 点击: ‖ 时间:08-06-25 08:56:48 ‖ 【 】‖ 我要投稿
JSP+JavaScript打造二级级联下拉菜单: 
class(一级栏目信息):classId(自动编号),className(栏目名称), Nclass(二级栏目信息), NclassId(自动编号),NclassName(栏目名称),parentId(一级栏目id,与class表中的classId关联) 
< %@ page contentType=text/html; charset=GB2312 language=java errorPage=../error.jsp % > 
< %@ include file=../conn.jsp% > 
< %@ include file=../ds.jsp% > 
< %@ taglib uri=http://java.sun.com/jsp/jstl/sql divfix=sql % > 
< %request.setCharacterEncoding(gb2312); % > 
< HTML >< HEAD > 
< META http-equiv=Content-Type content=text/html; charset=gb2312 > 
< TITLE >级联菜单< /TITLE > 
< LINK rel=stylesheet type=text/css href=style.css > 
< /HEAD > 
< !--从数据库中得到二级栏目信息-- > 
< %String sql=select * from Nclass order by NclassId asc; 
ResultSet rs=stmt.executeQuery(sql); 
% > 
< !--将二级栏目信息保存到数组subcat中-- > 
< script type=text/javascript > 
var onecount; 
onecount=0; 
subcat = new Array(); 
        < % 
        int count = 0; 
        while(rs.next()){ 
        % > 
subcat[< %=count% >] = new Array(< %=rs.getString(NclassName)% >,
< %=rs.getString(NclassId)% >,< %=rs.getString(parentId)% >); 
        < % 
        count++; 
        } 
        rs.close(); 
        % > 
onecount=< %=count% >; 
< !--决定select显示的函数-- > 
function changelocation(locationid) 
    { 
    document.myform.NclassId.length = 0; 
    var locationid=locationid; 
    var i; 
    for (i=0;i <  onecount; i++) 
        { 
            if (subcat[i][2] == locationid) 
            { 
                document.myform.NclassId.options[document.myform.NclassId.length] = new 
Option(subcat[i][0], subcat[i][1]); 
            }        
        } 
        
    }    
< /script > 
< FORM method=POST name=myform action=adminsave.jsp?action=add > 
  < TABLE > 
   
    < TR > 
      < TD >一级分类< /TD > 
      < TD >  
        < SELECT name=classId onChange=changelocation(document.myform.classId.options
[document.myform.classId.selec
|<< << < 1 2 3 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
相关文章列表
无相关新闻
请文明参与讨论,禁止漫骂攻击。  
网友评论