ASP动态级联菜单实现代码

<!--打开两个表-->

<%
    set rs1=server.CreateObject("adodb.recordset")
    sql1="select * from type1"
    rs1.open sql1,conn,1,3
    set rs2=server.CreateObject("adodb.recordset")
    sql2="select * from type2"
    rs2.open sql2,conn,1,3

%>
<form name="form1">

<!--建立菜单一-->

<select name="type" size="1" onChange="redirect(this.options.value)">
<option value=0>请选择……</option>
<%while not rs1.eof%>
<option value="<%=rs1("news_type_1_id")%>"><%=rs1("news_type_1_type")%></option>
<%rs1.movenext
wend%>
</select>

<!--建立菜单二-->

<select name="type2" size="1">
<option value=0>请选择</option>
</select>
</div>
</form>

<!--下面为具体实现的script语句-->

<script>
<!--
var temp=document.form1.type2
function redirect(x){

var i
i=0
for (var m=temp.options.length-1;m>0;m--)
temp.options[m]=null

<%while not rs2.eof
%>
cnt=<%=rs2("news_type_1_id")%>

if(cnt==x) {
temp.options=new Option("<%=rs2("news_type_2_type")%>","<%=rs2("news_type_2_id")%>")
i=i+1}
<%
rs2.movenext
wend%>

}

//-->
</script>

赞 (0)

相关推荐

  • ASP动态级联菜单实现代码

    <!--打开两个表--> <%     set rs1=server.CreateObject("adodb.recordset")     sql1="select * from type1"     rs1.open sql1,conn,1,3     set rs2=server.CreateObject("adodb.recordset")     sql2="select * from type2"

  • asp动态级联菜单代码

    JS脚本: <% dim rs dim sql dim count dim rs1 dim sql1 sql = "select * from region order by zoneid asc" set rs = server.createobject("adodb.recordset") rs.open sql,conn,1,3 %> <script language = "JavaScript"> var onec

  • jQuery实现可收缩展开的级联菜单实例代码

    如果用纯JavaScript代码而不使用框架的话,那么做一个级联菜单也许是一件让人生畏的事情,但有了框架,这件事情就很容易了,这就是框架的好处,极大地提高了开发效率,并且更可靠和易于维护.使用jQuery来实现级联菜单的一般步骤如下: •1.首先使用<ul>和<li>创建一个级联菜单  复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "

  • 网上用的比较多的asp级联菜单效果代码

    复制代码 代码如下: <!--#include file="conn.asp"-->  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <meta name="GENERATOR" content="Microsoft FrontPage 4

  • Ajax+Json 级联菜单实现代码

    第一个下拉框: 复制代码 代码如下: <select id="select" name="rawfoodBasic.category" onchange="doChange(this.value);"> //第一个下拉框里的值 </select> 第二个下拉框: 复制代码 代码如下: <select id="subSelect" name="rawfoodBasic.absorb&quo

  • js出生日期 年月日级联菜单示例代码

    现在世界通用的公历(阳历)也经过一个长期演变的过程.我们先看,公历每个月的日数是固定的:"七前单大,八后双大".也就是说,一.三.五.七.八.十.腊月(十二月)是31天,四.六.九.十一月是30天,只有二月,平年28天,闰年29天. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits

  • jquery 利用show和hidden实现级联菜单示例代码

    复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu

  • Ajax级联菜单实例代码

    1.Ajax.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head>    <title

  • AJAX 二级级联菜单实现代码

    客户端代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

  • jQuery实现可用于博客的动态滑动菜单完整实例

    jQuery实现可用于博客的动态滑动菜单完整实例

    本文实例讲述了jQuery实现可用于博客的动态滑动菜单代码.分享给大家供大家参考.具体如下: 这是一款基于jQuery1.3.2的动态滑动菜单特效代码,常用于博客,鼠标滑过菜单,菜单会不断伸出,貌似很漂亮,我比较喜欢,发上来供大家使用或学习参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-blog-move-style-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//

随机推荐