来知道电脑站

您的位置: 主页>编程> 求助级联菜单

求助级联菜单

 ZYY 

求助:级联菜单


我的级联菜单想实现一个大类下面跟着他所对应的小类,大类小类都是动态得到的。我的想法是先将所有的大类放在一个list中然后将其对应的小类分组再做成几个list,如:大类是部门(包含:事业部、商务部),小类是各部门的员工的名字(如:事业部有张三、李四),然后将所有的这些list都一起传到jsp页面上,然后再使用javascript再进行判断。
我在jsp页面上已经能得到大类的各列表,但是我不知道如何用javascript来调整列表对应起来(这些列表,我都使用下拉列表框来实现),即我点击一个大类,就弹出其相应的小类列表。我的javascript学的不好,而且struts也是新手,希望各位高手帮帮忙啊!!!

yahoo 有使用JAVASCRIPT 的开发包, 请搜一下这个
个 yui2_3_1,下载它后, 到EXAMPLE资料夹,里面的MENU就有你要的东西.
YAHOO巳经把AJAX, PROTOTYPE -应用JAVASCRIPT的开发工具包好了,算是好用的.

解决方法



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>琥珀网 - javascript无限级联动菜单</title>
<style type="text/css">
body, td
{
font-family: 宋体;
font-size: 12px;
}
</style>
<script language="javascript">
/*---------------------------------------------------------------------------*\
| Subject: JavaScript三级联动菜单 |
| Version: 1.0 |
| Author: 琥珀【hopesoft】 |
| FileName: HPMenu.js |
| Created: 2005-10-16 |
| LastModified: 2005-10-16 |
| Download: http://www.10090.com/Demo/hpmenu/HPMenu.rar |
| Explain: http://www.10090.com/Demo/ |
| Demo: http://www.10090.com/Demo/ |
| |
| You may use this code on your item |
| this entire copyright notice appears unchanged |
| and you clearly display a link to http://www.10090.com/ |
| |
|-----------------------------------------------------------------------------|
| MSN: hopesoft@msn.com QQ: 11318729 http://www.10090.com |
| Copyright (c) 2004-2005 HopeSoftStudio |
\*---------------------------------------------------------------------------*/

function Menu(theform,menuid) {
/*---------------------------------------------------------------------------*\
* 1.变量定义                       *
/*---------------------------------------------------------------------------*/     

//定义菜单级别MenuClass,菜单长度数组MenuLenArr,
//菜单名称数组MenuArr,下级菜单数组SubMenuArr,菜单ID数组MenuIdArr
var MenuClass,MenuLenArr,MenuArr,SubMenuArr,MenuIdArr

//定义分隔符:splitchar1,splitchar2
var splitchar1,splitchar2

//定义临时数组,子数组,数组长度,
var arr,subarr,arrlen

/*---------------------------------------------------------------------------*\
* 2.变量赋值                       *

共2页: 上一页 1 [2] 下一页

上一篇:在一些字符后面加入    下一篇:没有了

编程相关文章

编程热门文章

编程推荐文章