高分求助实现下拉级联菜单的JS代码,急等

lcld0408 2005-08-02 11:45:42
要求：不能用多维数组，因为实际过程中，下拉的数据量非常大，效率很低！
有朋友给我提供了以下一段代码，
但是仍是一团雾水。我希望最终实现的时候，能像java中的hashmap一样

function StockInfo()
{
this.code;
this.name;
this.count;
}

function StockInfoList()
{
this.stockArray = new Array();

this.add = function (name, code, count)
{
var aStock = new StockInfo;
aStock.name = name;
aStock.code = code;
aStock.count = count;
this.stockArray[aStock.code] = aStock;
}

this.getStock = function (code){
return this.stockArray[code]
}
}
...全文
275 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
color2002 2005-08-14
  • 打赏
  • 举报
 回复
http://www.chinazcjdw.com/menu/index.asp?typeid=4
有两个，一个是三级的，一个是二级的（可保存状态的），速度很快的
心云意水 2005-08-03
  • 打赏
  • 举报
 回复
一般的做法是利用xmlhttp动态调用数据库进行无刷新数据更新。
chjpeng 2005-08-03
  • 打赏
  • 举报
 回复
可以放到iframe里面，select时对页面进行刷新，这样每次只会取需要的数据，数据量大不会造成影响
fengfangfang 2005-08-03
  • 打赏
  • 举报
 回复
<HTML>

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多级下拉菜单</title>
<SCRIPT language=javascript >

function mouseOverFun(obj)
{
var toLi=event.toElement;
if(toLi==obj) return false;
if(toLi.tagName=="A" || toLi.tagName=="UL") toLi=toLi.parentElement;
if(toLi.children[1]) toLi.children[1].style.display="block";
}

function onmouseOutFun(obj)
{
var fromLi=event.fromElement;
var eventToElement=event.toElement;
if(fromLi==obj) return false;
if(fromLi.tagName=="A" || fromLi.tagName=="UL") fromLi=fromLi.parentElement;
if(fromLi.contains(eventToElement)) return false;
if(fromLi.children[1]) fromLi.children[1].style.display="none";
var maxLevel=10;
while( maxLevel-- > 0)
{
fromLi=fromLi.parentElement.parentElement;
if(fromLi.contains(obj) || (fromLi.tagName!="LI" && fromLi.tagName!="TD") || fromLi.contains(eventToElement))
break;
fromLi.children[1].style.display="none";
}
}
</SCRIPT>

<STYLE type="text/css">

* {
FONT: 11px verdana
}
UL {
PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; DISPLAY:none; POSITION: absolute; LEFT: 149px; TOP: 0px;
}
LI {
BACKGROUND-COLOR:#ffffff;PADDING: 0px; MARGIN: 0px; WIDTH: 150px; BORDER: #ccc 1px solid; POSITION: relative;
}
TD LI UL {

}
.menuA{
COLOR: #777; TEXT-DECORATION: none; WIDTH:100%; HEIGHT:20px;
}

.menuA:hover {
BACKGROUND: #d9d9f9; COLOR: #e2144a;
}

.menuLevel0{
PADDING: 0px; MARGIN: 0px;WIDTH: 100px; BORDER: #ccc 1px solid; POSITION: relative;
}
.menuLevel1{
LEFT: 0px; TOP: 20px;
}

</STYLE>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY>
<table onmouseover="mouseOverFun(this);" onmouseout="onmouseOutFun(this);" border=0 cellspacing=0 >
<tr>
<td class="menuLevel0">
<A class="menuA" href="#">Munu1</A>
<UL class="menuLevel1">
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A> </UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>

</UL>
</td>
<td class="menuLevel0">
<A class="menuA" href="#">Munu2</A>
<UL class="menuLevel1">
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A>
<LI><A class="menuA" href="#">Hosting</A>
<LI><A class="menuA" href="#">Domain Names</A>
<LI><A class="menuA" href="#">Broadband</A>
</UL>
<LI>
<A class="menuA" href="#">Services</A>
<UL>
<LI>
<A class="menuA" href="#">Web Design</A>
<UL>
<LI><A class="menuA" href="#">Web Design->sub</A>
<LI><A class="menuA" href="#">Web Design->sub2</A>
<LI>
<A class="menuA" href="#">Web Design->sub3</A>
<UL>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
<LI><A class="menuA" href="#">Web Design->3</A>
</UL>
</UL>
<LI><A class="menuA" href="#">Internet Marketing</A> <LI><A class="menuA" href="#">Broadband</A>
</UL>

</UL>
</td>

</tr>
</table>


</BODY></HTML>

lcld0408 2005-08-03
  • 打赏
  • 举报
 回复
还有没有高手帮一下忙啊!!!
急等啊!!!
孟子E章 2005-08-03
  • 打赏
  • 举报
 回复
http://sz.luohuedu.net/xml/Exam/MultiSelect.zip
lcld0408 2005-08-03
  • 打赏
  • 举报
 回复
是下拉框的级联，还有高手么，求助啊！！！、
分不够可以在加！
js级联菜单实现全国省市下拉菜单
js 二级级联菜单 实现全国省市的下拉菜单显示
级联菜单修改 js css
菜单 menu JavaScript css js div 下拉级联菜单 菜单 menu JavaScript css js div 下拉级联菜单
OpenCV级联分类器训练与使用实战教程
基于OpenCV新版本3.1.0详细讲述了HAAR与LBP级联分类器的基本原理与使用技巧，通过视频中人脸实时检测与眼睛跟踪例子...通过OpenCV自带的训练工具实现样本数据训练生成自己的级联分类器文件，使用它实现自定义对象检测。
最新版Jquery网站导航级联菜单
网上找了很久这种菜单,浪费了很多时间，实在没办法，只好老老实实去官网上按说明弄了一个，并更新了，jquery1.5.2, 希望给有需要的朋友可以节约一点时间，欢迎交流,qq:170262
js加html编写的级联菜单
这是js控制的html网页的级联菜单，与数据库相连，从数据库中读取内容。
JavaScript

87,923

社区成员

224,618

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章