DW+ASP 玩转动态二级菜单

  • 来源: 中国IT实验室 作者: xuqingzhong   2008-05-31/10:31
  •  

     

          一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码。。一下子for...一下子array的。
    废话少说,切入正题了。

    首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了。但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对)。

    由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb):
    表名:type_tree ——父类
    字段:type_id(自动编号) type_name(类别名称)

    表名:s_type ——子类
    字段:id(自动编号) s_name(子类别名称) type_id(父类ID)——与父类表相对应

    现在是建立数据库连接:

    Dim conn, connStrSet conn = server.CreateObject("ADODB.Connection")connStr = "Provider = Microsoft.jet.oledb.4.0;"connStr = connStr & "Data Source = " & server.mappath("db.mdb")Conn.Open connStr
    以上代码应当不用再解释了吧,都是大家常用的代码。。

    现在进入实质性的操作:)
    二级关联菜单一般情况下都是以下拉菜单来做,这里我也不例外,一样用下拉菜单来做。
    只不过这里有一个地方不一样哦。
    就是一个用的是跳转菜单,这一点很重要,成功与否全看这个菜单有没有用对!
    以下是这个跳转菜单的代码!
    <select name="first" onChange="MM_jumpMenu('parent',this,0)">
    <%
    sql = "select [type_id],[type_name] from [type_tree]"
    set rs = conn.execute(sql)'取得父类的ID及名称
    if rs.eof or rs.bof then
    response.write "<option>-----</option>" '如果没有记录,就显示-----
    else
    while not(rs.eof or rs.bof) '有记录,就将父名称列出来,形成下拉。
    response.write ("<option value='?sec=" & rs(0) & "'")
    if cstr(rs(0)) = request.querystring("sec") then
    response.write "selected"
    end if
    response.write (">" & rs(1) & "</option>")
    rs.movenext
    wend
    rs.movefirst '将游标移到第一条,以备下面之用。
    end if
    %>
    </select>

    哦,对了,还有一段代码忘了贴出来了,这个是跳转菜音的关键啊,看我粗心的!
    补上补上:
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
    if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>

    以上代码贴到<head>里,是DW生成,我看不太懂什么意思,所以不注解了:D
    现在是菜单的二级部分,这里不是用跳转菜单,只是一个列表罢了,所以代码跟上面的跳转菜单也就差一个onchange这个函数。
    以下是这个菜单的代码,由于循环跟判断相对上面来说复杂一些,大伙要看清楚一点哦。
    <select name="second">
    <%if rs.eof or rs.bof then
    response.write ("<option>--------</option>")
    else
    if request.querystring("sec") = "" then '获取跳转之后的sec值
    temp=rs(0) 如果为空,就把temp的值设为第一条记录的值
    else
    temp = request.querystring("sec") '否则就为收到的值
    end if
    subsql = "select [s_name] from [s_type] where type_id='"&temp&"'"
    set subrs = conn.execute(subsql) '列出一切资料为temp的记录
    if subrs.eof or subrs.bof then
    response.write ("<option>-----</option>")
    '如果没有记录,则在这个列表中显示"-----"
    else
    while not(subrs.eof or subrs.bof)'否则就用循环列出一切符合条件的记录。
    response.write ("<option value=" & subrs(0) & ">" & subrs(0) & "</option>")
    subrs.movenext
    wend
    end if
    end if

    '关闭所有的记录集
    subrs.close
    set subrs = nothing
    rs.close
    set rs = nothing
    conn.close
    set conn = nothing
    %>
    </select>

    到现在为止,已经将这个二级菜单的制过程做完了。


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多