在线用户    站点地图 技术论坛 文档中心 站点导航 资源下载 语言参考 教程专题 站点统计 业务项目 使用帮助
您的位置
MSDN参考新加了CSS2参考,全中文,制作精良。245k下载。           新加了sxf_sxf推荐的"动态网页专家指导" 下载!          新加了lsg2002lsg推荐的"ASP.NET高级编程(PDF)" 下载!          新加了DHTML代码预览!!,功能强大哦!欢迎试用          新加了网友lincong为大家提供的SQL Server 2000 程序员指南,有点大,但同时也就说明内容全咯!           新加了网友ibra为大家提供的北大的JAVA课件,很适合初学者入门           新加了一个java的连接缓冲池代码示例           新加了人月神话电子版下载!软件工程巨著哦~~           更新了评分标准,引入了“专家分”概念,相信可以更好的激励大家的学习!详情请看“使用帮助”           新加了由网友GGG提供的“IIS超级管理手册”,值得一看哦!(虽然我没看过 :P )           新加了“英雄榜”,欢迎测试!           “无组件上传·从原理剖析到实践”已经全部完成,源码全部开放,有兴趣的朋友请到文档中心一探究竟。  您的位置  首页>文档中心>DHTML>文档A0000611 在同一窗口中打开页面中的链接 在新窗口中打开页面中的链接 将ASPCHINA设为首页 将ASPCHINA加入书签    
 LOGIN HERE
用户:
密码: 忘记密码
记住密码 用户注册 游客进入
相关文章

让左键弹出菜单响应自动更新

三个点击提交的三级联动组合框

页面中点击鼠标右键----弹出与windows界面相似的菜单

Flash + XML 制作二级菜单,实用教程。

动态生成的3级联动<select>

用脚本实现浏览器菜单命令,比较全了

动态下拉菜单导航(简单、实用)

一款不错的右键菜单

一个输入提示的小程序

关于<SELECT>的无限级联(省|市|县|乡|村|...)
发表文章
终极联动菜单

作者:miles     提交人:miles     发布时间:04-02-03     文章类型:原创     浏览量:2398
参考链结:    
关键字:联动|菜单
[本文档没有附件]
字体:    视力保护色: 杏仁黄  秋叶褐  胭脂红  芥末绿  天蓝  雪青  灰  银河白(默认色) [A0000611]

说他终极,因为够麻烦。我写的头都大。有了这个,希望以后不会有这方面问题了

测试文件TEST.HTML
<!-- [MILES] HERE GOES THE FORM SECTOR. PLZ BE CAUTIOUS OF THE NAMES OF ALL THE FORM ELEMENTS.-->
<form name=DomainMaintForm>
<input type="hidden" name="domainIdInSession" value="4">
<input type="hidden" name="acctIdInSession" value="3">

<select name="domainStatus" onchange="selStatusToId(this, DomainMaintForm.domainId, domainArray), selIdToDesc(DomainMaintForm.domainId, DomainMaintForm.domDesc, domainArray), selParentIdAndStatusToId(DomainMaintForm.domainId, DomainMaintForm.acctStatus, DomainMaintForm.acctId, domainAccountArray), selIdToDesc(DomainMaintForm.acctId, DomainMaintForm.acctDesc, domainAccountArray)">
  <option value="All">All</option>
  <option value="100010">Active</option>
  <option value="100011">Inactive</option>
</select>
<select name="domainId" onchange="selIdToDesc(this, DomainMaintForm.domDesc, domainArray); setStatus('', DomainMaintForm.acctStatus, domainArray); selParentIdAndStatusToId(this, DomainMaintForm.acctStatus, DomainMaintForm.acctId, domainAccountArray); selIdToDesc(DomainMaintForm.acctId, DomainMaintForm.acctDesc, domainAccountArray)">
</select>
<input type="text" name="domDesc" maxlength="0" size="50" value="" readonly="readonly" style="border:0px">

<br>
<select name="acctStatus" onchange="selParentIdAndStatusToId(DomainMaintForm.domainId, this, DomainMaintForm.acctId, domainAccountArray), selIdToDesc(DomainMaintForm.acctId, DomainMaintForm.acctDesc, domainAccountArray);">
  <option value="All">All</option>
  <option value="1">Active</option>
  <option value="0">Inactive</option>
</select>
<select name="acctId" onchange="selIdToDesc(this, DomainMaintForm.acctDesc, domainAccountArray);">
</select>
<input type="text" name="acctDesc" maxlength="0" size="50" value="" readonly="readonly" style="border:0px">
</form>

<!-- [MILES] RELATED FUNCTION REFERRENCE -->
<SCRIPT LANGUAGE="JavaScript" src="codroplist.js">
</SCRIPT>

<!-- [MILES] HERE COMES THE INIT SCRIPTS. THIS PART SHOULD ALWAYS SHOW UP AFTER THE FORM SECTOR. -->
<SCRIPT LANGUAGE="JavaScript">
<!--
var domainAccountArray = new Array();
var domainAccountStatusArray = new Array();
var domainArray = new Array();
var domainStatusArray = new Array();

// accounts.
domainAccountArray[domainAccountArray.length] = new array("15", "1", "1", "Miles", "M.Zhang");
domainAccountArray[domainAccountArray.length] = new array("15", "0", "2", "Dockbar", "SL.Z");
domainAccountArray[domainAccountArray.length] = new array("4", "1", "3", "Kitty", "YT.Chen");
domainAccountArray[domainAccountArray.length] = new array("4", "0", "4", "Michael", "M.Lei");
// account status enum.
domainAccountStatusArray[domainAccountStatusArray.length] = new status("1", "Active");
domainAccountStatusArray[domainAccountStatusArray.length] = new status("0", "Inactive");
// domains.
domainArray[domainArray.length] = new array("-1", "100010", "15", "Aurora Foods", "Aurora Foods-15/?'\"");
domainArray[domainArray.length] = new array("-1", "100011", "4", "Brokerage Logistics", "Brokerage Logistics-4");
// domain status enum.
domainStatusArray[domainStatusArray.length] = new status("100010", "Active");
domainStatusArray[domainStatusArray.length] = new status("100011", "Inactive");

// pre-search criteria.
var domainIdInSession = DomainMaintForm.domainIdInSession.value;
var acctIdInSession = DomainMaintForm.acctIdInSession.value;
// synchronize all other controls.
setStatus(domainIdInSession, DomainMaintForm.domainStatus, domainArray);
selStatusToId(DomainMaintForm.domainStatus, DomainMaintForm.domainId, domainArray);
selIdToDesc(DomainMaintForm.domainId, DomainMaintForm.domDesc, domainArray);
setStatus(acctIdInSession, DomainMaintForm.acctStatus, domainAccountArray);
selParentIdAndStatusToId(DomainMaintForm.domainId, DomainMaintForm.acctStatus, DomainMaintForm.acctId, domainAccountArray);
selIdToDesc(DomainMaintForm.acctId, DomainMaintForm.acctDesc, domainAccountArray);
// init the domain & account dropdown-lists by pre-search criteria.
DomainMaintForm.domainId.value = domainIdInSession;
DomainMaintForm.acctId.value = acctIdInSession;
// done.
//-->
</SCRIPT>


脚本文件codroplist.js
function status(id, description) {
  this.id = id;
  this.description = description;
}

function array(pid, status, id, name, description) {
  this.pid = pid
  this.status = status;
  this.id = id;
  this.name = name;
  this.description = description;
}

function setStatus(getId, statusObj, arrays) {
  statusObj.options[1].selected = true;

  for(var i=0;i<arrays.length;i++) {
    if(arrays[i].id==getId) {
      statusObj.value = arrays[i].status;
      break;
    }
  }
}

function selStatusToId(slObj, cgObj, arrays) {
  for(var i=cgObj.length-1;i>=0;i--)
    cgObj.options[i] = null;
 
  var newOpt;
  for(var i=0;i<arrays.length;i++) {
    newOpt = false;
   
    if(slObj.value=="All")
      newOpt = true;
    else if(slObj.value==arrays[i].status)
      newOpt = true;
   
    if(newOpt) {
      var myOpt = document.createElement("option");
      myOpt.value = arrays[i].id;
      myOpt.text = arrays[i].name;
      cgObj.add(myOpt);
    }
  }
}

function selParentIdToId(slObj, cgObj, arrays) {
  for(var i=cgObj.length-1;i>=0;i--)
    cgObj.options[i] = null;
 
  var newOpt;
  for(var i=0;i<arrays.length;i++) {
    newOpt = false;
   
    if(slObj.value==arrays[i].pid)
      newOpt = true;
   
    if(newOpt) {
      var myOpt = document.createElement("option");
      myOpt.value = arrays[i].id;
      myOpt.text = arrays[i].name;
      cgObj.add(myOpt);
    }
  }
}

function selParentIdAndStatusToId(pidObj, sidObj, cgObj, arrays) {
  for(var i=cgObj.length-1;i>=0;i--)
    cgObj.options[i] = null;
 
  var newOpt;
  for(var i=0;i<arrays.length;i++) {
    newOpt = false;

    if(pidObj.value==arrays[i].pid&&(sidObj.value==arrays[i].status||sidObj.value=="All"))
      newOpt = true;
   
    if(newOpt) {
      var myOpt = document.createElement("option");
      myOpt.value = arrays[i].id;
      myOpt.text = arrays[i].name;
      cgObj.add(myOpt);
    }
  }
}

function selIdToDesc(slObj, cgObj, arrays) {
  cgObj.value = "";
 
  for(var i=0;i<arrays.length;i++) {
    if(slObj.value==arrays[i].id) {
      cgObj.value = arrays[i].description;
      break;
    }
  }
}


打完收工~~

关于这篇文章的评论 [注意:这里仅仅是给大家提供了一个发表对文章本身看法的地方,如果有疑问,请到论坛提出] 我要提问!
标题
内容
发言
*您尚未以注册用户身份登录,不能发表评论。这里登录
您的位置
  (c)2000-2018 Yup Studio, all rights reserved.  
78.125