asp二级动态级联列表

原创 2011年01月13日 17:24:00
两个select:BigClassName,SmallClassName,两个表BigClass,SmallClass
<%
'获取SmallTable数据
dim rs
dim sql
dim count
set rs=server.createobject("adodb.recordset")
sql = "select * from SmallClass order by SmallClassID asc"
rs.open sql,conn,1,1
%>
  <!--将SmallClass 里的相关字段放到数组里-->
  <script language = "JavaScript">
     var onecount;
  subcat = new Array();
    <%
    dim count
    count = 0
    rs
    %>
subcat[<%=count%>] = new Array("<%= trim(rs("SmallClassName"))%>","<%= trim(rs("BigClassName"))%>","<%= trim(rs("SmallClassName"))%>");
    <%
        count = count + 1
        rs.movenext
        loop
        rs.close
    %>
    //document.write(subcat)
  onecount=<%=count%>;
  <!--当一个select发生变化时,根据变化的locationid(selected)栏目去数组里查找,如果一样的话,就将该数组元素放到第二个select里 -->
 function changelocation(locationid)
    {
    document.myform.SmallClassName.length = 1;
    var locationid=locationid;
    var i;
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            {
                document.myform.SmallClassName.options[document.myform.SmallClassName.length] = new Option(subcat[i][0], subcat[i][2]);
            }        
        }
    }    
</script>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="862" align="center" valign="top"> <b><br>
      </b>
<form method="POST" name="myform" action="ProductSave.asp?action=add" target="_self">
        <table width="650" border="0" align="center" cellpadding="0" cellspacing="0" class="border">
          <tr align="center">
            <td class="tdbg"> <table width="100%" border="0" cellpadding="0" cellspacing="0"  style="border:1px #009999 solid">
                <tr>
                  <td class="back_southidc" height="22" colspan="3" align="right" bgcolor="#D7E1FB"><div align="center"><strong>数据库支持的二级联动asp+js代码</strong>< /div></td>
                </tr>
                <tr>
                  <td width="159" height="30" align="right" valign="bottom" bgcolor="#F7F7F7" style="border-top:1px #009999 solid">产品类别</td>
                  <td width="445" colspan="2" valign="bottom" bgcolor="#F7F7F7" style="border-top:1px #009999 solid"> <strong>
                    <%
        sql = "select * from BigClass"
        rs.open sql,conn,1,1
        if rs.eof and rs.bof then
            response.write "没有分类"
        else
        %>
                    <select name="BigClassName" onChange="changelocation(document.myform.BigClassName.options[document.myform.BigClassName.selectedIndex].value)" size="1">
                      <option selected value="<%=trim(rs("BigClassName"))%>"><%=trim(rs("BigClassName"))%></option>
            <%
            rs.movenext
            do while not rs.eof
            %>
                      <option value="<%=trim(rs("BigClassName"))%>"><%=trim(rs("BigClassName"))%></option>
                      <%
                rs.movenext
            loop
        end if
        rs.close
            %>
                    </select>
                    <select name="SmallClassName">
                      <option value="" selected>请选择小类</option>
   <select name="SmallClassName" style="width:120px" >
   </select>

asp二级动态级联列表

两个select:BigClassName,SmallClassName,两个表BigClass,SmallClass
  • sonysonyok88
  • sonysonyok88
  • 2011年01月13日 17:21
  • 156

JQuery_实现二级列表联动效果

JQuery_实现二级列表联动效果在很多填个人信息网页中,往往要根据用户前面的选择项,动态的去改变下一个选择项的选项,这就是二级列表联动效果,下面是我用Jquery做了一个简单的联动效果代码: ...
  • guoqingpei
  • guoqingpei
  • 2016年04月05日 09:40
  • 1681

jQuery简易实现动态读取数据库的二级下拉框

本文介绍的是从数据库读取数据动态绑定的二级下拉框
  • moon_cup
  • moon_cup
  • 2016年06月28日 10:49
  • 1913

jquery ajax级联二级下拉,jquey select级联

实例: 已知客户,客户联系人; 一个客户对应n个联系人,不同的客户对应不同的联系人; 要求选择不同的客户,加载不同的联系人; jsp编码: selected>${sl.CNAME ...
  • han_huayi
  • han_huayi
  • 2016年03月17日 00:43
  • 1221

使用RecycleView实现动态获取数据展开二级列表展示

使用RecycleView实现动态获取数据展开二级列表展示本文参考 Android – RecyclerView(超简单)实现可展开列表修改而来,在此基础上针对自身需求做的改变,主要解决一下几个问题。...
  • wxm1225929690
  • wxm1225929690
  • 2017年06月15日 13:34
  • 702

ASP二级联动下拉菜单

ASP+JavaScript+数据库 级联下拉菜单 ***********************************ASP+JavaScript+数...
  • flynetcn
  • flynetcn
  • 2006年07月26日 17:33
  • 17167

实现简单的二级级联

实现简单的二级级联 .body_tag{ width: 100%; ...
  • you23hai45
  • you23hai45
  • 2014年05月11日 22:42
  • 1528

jquery之动态级联下拉列表

 jquery之动态级联下拉列表 博客分类: html/jquery jqueryhtml级联下拉动态  在制作HTML页面的时候,难免会遇到级联下拉列表的显示。比如...
  • hewusheng10
  • hewusheng10
  • 2014年05月06日 22:22
  • 733

动态二级下拉框联动(二级数据从数据库中获取)

要实现的效果如下图:左边的一级下拉框选择改变的话,右边的二级下拉框的内容也会改变...
  • chenjing928
  • chenjing928
  • 2017年06月07日 21:11
  • 3200

联动 点击单选框动态生成option

1.一开始进来下拉列表中没有数据,代码如下 本地 七牛 2.点击单选框中的一个,会发送一个异步请求,代码效果如下 function changeStoreLocation(value)...
  • MCtime
  • MCtime
  • 2016年03月15日 14:30
  • 772
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp二级动态级联列表
举报原因:
原因补充:

(最多只允许输入30个字)