关于下拉菜单联动的问题？

这样符合你所要求吗
<HTML><HEAD><TITLEASP技术</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="../style.css" rel=stylesheet>
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff topMargin=2 marginheight="4">
<CENTER>
</CENTER>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=755 border=0>
<TBODY> 
<TR vAlign=top> 
<TD width=755> 
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr> 
<td width="76%" valign="top"> 
<table border="0" width="100%" cellspacing="1">
<tr> 
<td colSpan=4 width="100%" align=center> 
<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array(); subcat[0] = new Array("ASP基础教程","1","1");subcat[1] = new Array("ASP WEB服务器IIS","1","2");subcat[2] = new Array("ASP网页设计工具FPAGE","1","3");subcat[3] = new Array("开发工具VISUAL DEV","1","4");subcat[4] = new Array("VBSCRIPT语言","1","5");subcat[5] = new Array("ASPFAQ","2","6");subcat[6] = new Array("ASP组件","2","7");subcat[7] = new Array("ASP文摘","2","8");subcat[8] = new Array("ASP实例","2","9");subcat[9] = new Array("ASP安全","2","10");subcat[10] = new Array("PHP教程","3","11");subcat[11] = new Array("PHPFAQ","3","12");subcat[12] = new Array("PHP文摘","3","13");subcat[13] = new Array("PHP实例","3","14");subcat[14] = new Array("PHP安全","3","15");subcat[15] = new Array("PHP工具","3","16");subcat[16] = new Array("数据库教程","5","17");subcat[17] = new Array("数据库问题","5","18");subcat[18] = new Array("数据库文摘","5","19");subcat[19] = new Array("数据库安全","5","20");subcat[20] = new Array("JSP教程","4","21");subcat[21] = new Array("JSP文摘","4","22");subcat[22] = new Array("JSP实例","4","23");subcat[23] = new Array("JSP安全","4","24");subcat[24] = new Array("JSP工具","4","25");subcat[25] = new Array("JSPFAQ","4","26");subcat[26] = new Array("精品子程序","2","27");subcat[27] = new Array("ASP.NET","2","28");onecount=28;function changelocation(locationid)
{
document.myform.Nclassid.length = 0; var locationid=locationid;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == locationid)
{ 
document.myform.Nclassid.options[document.myform.Nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
} 
}} 
</script>
<form method="post" name="myform" action="ru_query.asp">
文章搜索： 
<select name="action" size="1">
<option value="title">文章标题</option>
</select>
<select name="classid" onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)" size="1">
<option selected value="">未指定条件</option>
<option value="1">ASP基础教程</option>
<option value="2">ASP技术</option>
<option value="3">PHP技术</option>
<option value="4">JSP技术</option>
<option value="5">数据库</option>
</select>
<select name="Nclassid" onchange="location='33.asp?id='+this.value">
<option selected value="">未指定条件</option>
</select></form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY></HTML>

解决方案 »

  1.   

    谢谢 xkou(九天神龙)我希望做到每个二级联动都有独立的页面，比如"ASP基础教程"我在选择后自动连接到相关页面，顺便问一下这种方法实现如果要实现三级联动可以实现吗？
    subcat[0] = new Array("ASP基础教程","1","1");subcat[1] = new Array("ASP WEB服务器IIS","1","2");subcat[2] = new Array("ASP网页设计工具FPAGE","1","3");subcat[3] = new Array("开发工具VISUAL DEV","1","4");subcat[4] = new Array("VBSCRIPT语言","1","5");subcat[5] = new Array("ASPFAQ","2","6");subcat[6] = new Array("ASP组件","2","7");subcat[7] = new Array("ASP文摘","2","8");subcat[8] = new Array("ASP实例","2","9");subcat[9] = new Array("ASP安全","2","10");subcat[10] = new Array("PHP教程","3","11");subcat[11] = new Array("PHPFAQ","3","12");subcat[12] = new Array("PHP文摘","3","13");subcat[13] = new Array("PHP实例","3","14");subcat[14] = new Array("PHP安全","3","15");subcat[15] = new Array("PHP工具","3","16");subcat[16] = new Array("数据库教程","5","17");subcat[17] = new Array("数据库问题","5","18");subcat[18] = new Array("数据库文摘","5","19");subcat[19] = new Array("数据库安全","5","20");subcat[20] = new Array("JSP教程","4","21");subcat[21] = new Array("JSP文摘","4","22");subcat[22] = new Array("JSP实例","4","23");subcat[23] = new Array("JSP安全","4","24");subcat[24] = new Array("JSP工具","4","25");subcat[25] = new Array("JSPFAQ","4","26");subcat[26] = new Array("精品子程序","2","27");subcat[27] = new Array("ASP.NET","2","28");
      

  2.   

    就这一个:四级连动下拉框,数据库  
    ---------------------------------------------------------------  
     
    测试下基本通过,有bug请说.  
    <html>  
    <head>  
    <meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">  
    <meta  name="GENERATOR"  content="Microsoft  FrontPage  4.0">  
    <meta  name="ProgId"  content="FrontPage.Editor.Document">  
    <title>多级关联菜单数据库版</title>  
    <!--  
    数据库:test.mdb  
    表:dbselect  
    表结构:id(自增)  school(文本)  department(文本)  grade(文本)  student(文本)  
    IE6,NS7,Mozilla下测试通过  
    -->  
    </head>  
    <body>  
    <form  name="frm">  
    <select  name=school  onchange="MulSelect(1)"></select>  
    <select  name=department  onchange="MulSelect(2)"></select>  
    <select  name=grade  onchange="MulSelect(3)"></select>  
    <select  name=student></select>  
    </form>  
    <script>  
    var  arrSel=["school","department","grade","student"]  
    arrData=[];  
    <%  
    dim  conn,rs  
    set  conn  =  Server.CreateObject("ADODB.Connection")  
    conn.Open  "Provider=Microsoft.Jet.OLEDB.4.0;Data  Source="  &  Server.mappath("test.mdb")  &  ";Persist  Security  Info=False"  
    set  rs=conn.execute("select  *  from  dbselect")  
    do  while  not  rs.eof  
    %>  
    arrData[arrData.length]=["<%=trim(rs("school"))%>","<%=trim(rs("department"))%>","<%=trim(rs("grade"))%>","<%=trim(rs("student"))%>"]  
    <%  
    rs.movenext  
    loop  
    rs.close:set  rs=nothing  
    conn.close:set  conn=nothing  
    %>  
    </script>  
    <script>  
    function  MulSelect(num){  
               var  find=false  
               var  i,j,arrTemp=[];  
               for(i=0;i<num;i++)arrTemp[i]=eval("document.frm."+arrSel[i]).value  
               if(num<arrSel.length)  
               with(eval("document.frm."+arrSel[num])){  
                           length=0  
                           for(i=0;i<arrData.length;i++){                          
                                       for(j=0;j<num;j++)if(arrTemp[j]!=arrData[i][j])break;  
                                       if(j!=num)continue;  
                                       if(length==0  &brvbar;  &brvbar;options[length-1].text!=arrData[i][num]){  
                                       for(m=0;m<options.length;m++)if(options[m].text==arrData[i][num])find=true  
                                       if(!find)options[options.length]=new  Option(arrData[i][num],arrData[i][num])  
                                       }  
                           }  
                           MulSelect((num+1))  
               }  
    }  
    MulSelect(0)  
    </script>  
    </body>  
    </html>  
      

  3.   

    请教littleboys(飞龙)我按照你的方法做了IE6 winxp 为何没有显示数据库表的数据填写有要求吗？