两级联动菜单 与 多级联动菜单

转载 2004年08月06日 23:28:00

两级联动菜单

----------------------------------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript" type="text/javascript">
<!--
var province_ar=new Array("","学历文凭|旅游管理,工商企业管理,文秘,金融,国际贸易,会计,英语,计算机应用,法律,艺术设计","成人高教|工商企业管理,国际经济与贸易,外贸英语,计算机应用与管理,艺术设计","高教自考|饭店管理,工商企业管理,中英合作商务管理,保险,国际贸易,英语,电子商务,计算机及应用,法律,广告");

function show_province()
{
var pro_tmp=document.all.province;
for (m=pro_tmp.options.length-1;m>0;m--)
pro_tmp.options[m]=null;

for(i=0;i<province_ar.length;i++)
{
if(province_ar[i]!="")
{
tmp=province_ar[i].split("|");
pro_tmp.options[i]=new Option(tmp[0],tmp[0]);
}
}
}
function show_city(sc)
{
var temp=document.all.city;
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null;

if(province_ar[sc]!="")
{
tmp=province_ar[sc].split("|");
tmp=tmp[1];
tmp=tmp.split(",");
for(i=0;i<tmp.length;i++)
{
temp.options[i]=new Option(tmp[i],tmp[i]);
}
}
}
setTimeout("show_province();",20);//第一个搜索中省份城市对应
-->
</script>
</HEAD>

<BODY>
<FORM name="testform" id="testform">
<select id=province 
     onchange=show_city(this.options.selectedIndex)>
<OPTION value="" selected>请选择类别</option>
</select>
<select id=city>
   <OPTION value="" selected>请选择专业</OPTION>
</select>
</FORM>
</BODY>
</HTML>

----------------------------------------------------------------------------------------------

 

多级联动菜单

----------------------------------------------------------------------------------------------


<BODY>
<SELECT NAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//选择框的名字
selector = [ "s1", "s2", "s3", "s4" ];
//选择项: "名字", "值", 子选择
menu = [
"地球","1",
[
"中国","86",
 [
 "北京","BJ",
  [
  "--","1",null
  ],
 "四川","SC",
  [
  "成都","28",null,
  "乐山","",null,
  "攀枝花","",null,
  "自贡","",null,
  "德阳","",null,
  "绵阳","",null
  ]
 ],
"米国","1",
 [
 "加利福尼亚","CA",
  [
  "旧金山","1",null,
  "洛杉矶","2",null
  ],
 "华盛顿","WA",
  [
  "西雅图","seattle",null
  ]
 ]
],
"火星","2",
[
"大峡谷","86",
 [
 "小山丘","BJ",
  [
  "A地区","28",null,
  "B地区","",null,
  "C地区","",null
  ]
 ]
]
];

function wizz(level)
{
if( level == 0 )
 a = menu;
else
{
 str = "menu";
 for( i=0; i<level; i++ )
  str += "[" + (document.all[selector[i]].selectedIndex * 3 + 2)  + "]";
 a = eval(str);
}
if( a == null ) return;
s = document.all[selector[level]];
i = s.length;
while( i > 0 ) s.options[--i] = null;
while( i < Math.floor(a.length/3) )
 s.options[i] = Option( a[i*3], a[i++*3+1] );
s.onchange = Function("wizz(" + (level+1) + ")");
wizz(level+1);
}
wizz(0);
//-->
</SCRIPT>
</BODY>
</HTML>

----------------------------------------------------------------------------------------------

iOS-简单的二级联动菜单

二级联动,可以左侧是一个tabview右侧也是一个tabview,也可以左侧一排按钮,右侧tabview,点击左侧,刷新右侧数据,这一步很简单,我当时不理解的是右侧数据滑动,左侧怎么刷新呢,这需要考虑...
  • requestnslog
  • requestnslog
  • 2017年01月02日 08:43
  • 2014

jsp+js实现的二级联动菜单

原javascript代码:            var subcat = new Array();  subcat[0] = new Array('no','大类','12') sub...
  • chuyuqing
  • chuyuqing
  • 2013年05月26日 11:03
  • 9314

下拉菜单三级级联的效果实现(jsp、js、Java、mysql)

三级级联的下拉菜单效果实现 1、效果图 2、jsp代码 类别 全部 ...
  • bjlf_1989
  • bjlf_1989
  • 2015年08月21日 09:35
  • 5992

两级联动菜单实例

两级联动菜单实例 环境保护局 首页 通知 任务 科室 办公室...
  • ashokawuanshou
  • ashokawuanshou
  • 2012年06月29日 15:51
  • 1289

js+php+DB 下拉菜单两级联动

var equiptList = new Array(); //定义一个全局数组变量 function LoadEquip() { document.myform.selEq...
  • zhtor
  • zhtor
  • 2011年07月29日 00:05
  • 547

【JQuery】使用JQuery实现城市两级或三级联动(下拉菜单)

本文只要是通过使用JQuery实现城市(省、市、县)两级或三级联动,并使用下拉菜单展现。主要的代码如下: 1、在Controller中的代码: @RequestMapping(value="/tour...
  • zsq520520
  • zsq520520
  • 2017年03月07日 11:11
  • 945

jQuery cxSelect 多级联动下拉菜单

  • 2014年08月26日 11:07
  • 51KB
  • 下载

jQuery cxSelect 多级联动下拉菜单

  • 2016年10月16日 08:37
  • 126KB
  • 下载

ajax多级联动菜单

  • 2013年12月25日 21:17
  • 92KB
  • 下载

Android——Android实现多级菜单联动操作

感觉好久没有写博客了,这段时间工作很忙,只有晚上才有时间写,demo做出来后马上动手分享给大家了,其实这几天还是很累的,这身体吃不消了【大哭】。。。额!好了,今天是分享一个android实现三级菜单联...
  • u013836857
  • u013836857
  • 2016年05月26日 21:42
  • 9603
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:两级联动菜单 与 多级联动菜单
举报原因:
原因补充:

(最多只允许输入30个字)