經理要我做一動態三層下拉式菜單,請各位給點資料?

[xupiao]

同上

[xupiao]

有沒有更好的

[qimangxing]

<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();

subcat[0] = new Array("ASP基础","2","1");

subcat[1] = new Array("ASP应用","2","2");

subcat[2] = new Array("ASP技巧","2","3");

subcat[3] = new Array("性能优化","2","4");

subcat[4] = new Array("安全加密","2","5");

subcat[5] = new Array("XML相关","2","6");

subcat[6] = new Array("全文检索","2","7");

subcat[7] = new Array("客户端相关","2","8");

subcat[8] = new Array("打印相关","2","9");

subcat[9] = new Array("数据库相关","2","10");

subcat[10] = new Array("入门教程","3","11");

subcat[11] = new Array("FTP/HTTP/Debug","3","12");

subcat[12] = new Array("XML应用","3","13");

subcat[13] = new Array("图像处理","3","14");

subcat[14] = new Array("数据库操作","3","15");

subcat[15] = new Array("文件处理","3","16");

subcat[16] = new Array("MS Access","5","17");

subcat[17] = new Array("MS SQL","5","18");

subcat[18] = new Array("DB2","5","19");

subcat[19] = new Array("Oracle","5","20");

subcat[20] = new Array("Application/Applet","4","21");

subcat[21] = new Array("J2EE/EJB/服务器","4","22");

subcat[22] = new Array("J2ME开发","4","23");

subcat[23] = new Array("Java基础","4","24");

subcat[24] = new Array("Java技巧及代码","4","25");

subcat[25] = new Array("Jsp/Servlet","4","26");

subcat[26] = new Array("正则表达式","2","27");

subcat[27] = new Array("系统相关","2","28");

subcat[28] = new Array("组件开发","2","29");

subcat[29] = new Array("脚本编码","2","30");

subcat[30] = new Array("远程脚本","2","31");

subcat[31] = new Array("邮件相关","2","32");

subcat[32] = new Array("FSO专题","2","33");

subcat[33] = new Array(".NET概论及软件使用","1","34");

subcat[34] = new Array("Asp.Net开发","1","35");

subcat[35] = new Array("C#语言","1","36");

subcat[36] = new Array("VB.net语言","1","37");

subcat[37] = new Array("E-mail专题","1","38");

subcat[38] = new Array("WebService","1","39");

subcat[39] = new Array("winform应用","1","40");

subcat[40] = new Array("window app开发","1","41");

subcat[41] = new Array("winsock应用","1","42");

subcat[42] = new Array("XML应用","1","43");

subcat[43] = new Array("数据库应用","1","44");

subcat[44] = new Array("综合应用","1","45");

subcat[45] = new Array("OO相关","1","46");

subcat[46] = new Array("文件操作","1","47");

subcat[47] = new Array("算法/线程","1","48");

subcat[48] = new Array("软件工程","1","49");

subcat[49] = new Array("面向对象程序基础","1","50");

subcat[50] = new Array("SOAP/UDDI/WSDL","1","51");

subcat[51] = new Array("控件开发和使用","1","52");

subcat[52] = new Array("MySQL","5","53");

subcat[53] = new Array("Sybase","5","54");

subcat[54] = new Array("DataWarehouse","5","55");

subcat[55] = new Array("Replication","5","56");

subcat[56] = new Array("Performance Turning","5","57");

subcat[57] = new Array("FAQ","5","58");

subcat[58] = new Array("邮件处理","3","59");

subcat[59] = new Array("开发工具","4","60");

subcat[60] = new Array("调试手记","4","61");

subcat[61] = new Array("面向对象/设计","4","62");

subcat[62] = new Array("企业级应用","4","63");

subcat[63] = new Array("嵌入式开发","4","64");

subcat[64] = new Array("Java与XML","4","65");

subcat[65] = new Array("资料/其它","4","66");

onecount=66;

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">.Net专区</option>


<option value="2">ASP技术</option>


<option value="3">PHP技术</option>


<option value="4">JSP技术</option>


<option value="5">数据库</option>


</select>

<select name="Nclassid">
<option selected value="">未指定条件</option>
</select>
<input type="text" name="keyword" class=smallinput size=10 value="关键字" maxlength="50">
<input type="submit" name="Submit" value="搜索">
</form>

[qimangxing]

太长了，你自己慢慢看吧，有什么不懂得再说。

[kinzey]

我这有一段刚好适合你

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<Style Type="text/css">
.submit
{
border-style:solid;
border-width:1px;
border-color:#778899;
background-color: #FFFFFF;
height: 16px;
width: 12px;
}
.child
{
display: none;
padding-left:17px;
}
.item
{
color: #0000FF;
text-decoration: blink;
}
.text
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #f8f8d0;
color: #FF00FF;
}
</style>
<script language=javascript>
var NS4=(document.layers)?true:false
window.status="|"
function expand(el)
{
var Obj = eval("el" + el + "Child")
var whichEl = (event) ? event.srcElement : false
var parent = eval("document.myForm.parent"+el)
if(!whichEl.name) whichEl = eval("document.all.img" + el)
if(Obj.style.display == "")
{
Obj.style.display = "block"
parent.value ="-"
window.focus()
}
else
{
Obj.style.display = ""
parent.value = "+"
window.focus()
}
if(event) window.event.cancelBubble = true
}



</script>

</head>

<body topmargin=0 marginheight=0 leftmargin=0 marginwidth=0 bgcolor=#f8f8d0>
<form name=myForm action="" method="post">
<table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td height=100% valign=top class=l15>
<div id=el1Parent class=parent>
<table border=0 cellspacing=0>
<tr>
<td><INPUT class=submit onclick=expand(1);return(false) type=button value=+ name=parent1></td>
<td><a href=# onclick=expand(1);return(false) class=item><B>东京港</B></a></td>
</tr>
</table>
</div>
<div id=el1Child class=child>

<div id=el11Parent class=parent>
<table border="0" cellspacing="0">
<tr>
<td><INPUT class=submit onclick=expand(11);return(false) type=button value=+ name=parent11></td>
<td><a href=# onclick=expand(11);return(false) class=item>箱子1</a></td>
</tr>
</table>
</div>
<div id=el11Child class=child>
item1<br>
item2<br>
item3
</div>

<table border="0" cellspacing=0>
<tr>
<td><input disabled type="button" class=submit value=""></td>
<td>箱子2</td>
</tr>
<tr>
<td><input disabled type="button" class=submit value=""></td>
<td>箱子3</td>
</tr>
</table>

</div>
<div id=el2Parent class=parent>
<table border=0 cellspacing="0">
<tr>
<td><INPUT class=submit onclick=expand(2);return(false) type=button value=+ name=parent2></td>
<td><a href=# onclick=expand(2);return(false) class=item><b>大阪港</b></a></td>
</tr>
</table>
</div>
<div id=el2Child class=child>
箱子1<br>
箱子2<br>
箱子3<br>
</div>
<div id=el3Parent class=parent>
<table border=0 cellspacing=0>
<tr>
<td><INPUT class=submit onclick=expand(3);return(false) type=button value=+ name=parent3></td>
<td><a href=# onclick=expand(3);return(false) class=item><b>古小牧港</b></a></td>
</tr>
</table>
</div>
<div id=el3Child class=child>
箱子1<br>
箱子2<br>
箱子3<br>
</div>
</td>
</tr>
</table>
</form>

</body>

</html>