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

转载 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>

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

两级联动菜单两级联动菜单

  • 2011年04月01日 19:09
  • 3KB
  • 下载

php jquery ajax 多级联动菜单

目前只做了三级,要四、五级的,要自己修改 index.php代码 AJAX Demo // setTimeout('showLoader()', 100...
  • haibo0668
  • haibo0668
  • 2016-11-25 16:43:23
  • 961

Jquery ajax 实现两级下拉菜单联动

一、概述:     最近在项目开发中遇到了需要根据银行总行查出其对应的分行,其中一个下拉菜单显示总行,另一个下拉菜单显示分行,如下图所示:二、实现步骤:      声明:因为本人公司用的是自己的框架,...
  • yaoqinzhou1943
  • yaoqinzhou1943
  • 2010-12-02 00:26:00
  • 4858

Android中的多级联动

Android中的多级联动在很久以前,我刚工作的时候也碰到过这样一个需求,那时要做一个环境监测系统的客户端,需求是这样的: 有不同的实验室; 每个实验室有不同的光照、湿度、温度监测器; ...
  • watermusicyes
  • watermusicyes
  • 2015-10-25 10:07:14
  • 3802

iOS-简单的二级联动菜单

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

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

感觉好久没有写博客了,这段时间工作很忙,只有晚上才有时间写,demo做出来后马上动手分享给大家了,其实这几天还是很累的,这身体吃不消了【大哭】。。。额!好了,今天是分享一个android实现三级菜单联...
  • u013836857
  • u013836857
  • 2016-05-26 21:42:58
  • 11952

Ajax实现多级联动菜单

最近在重温Ajax技术,就顺手拿起了当年的《Ajax经典案例开发大全》来温习。发现里面有些错误,现在就指出来,这样可以帮助后学者少走弯路。主要的技术有:MySql、JDBC、JSON、Ajax、JSP...
  • Baple
  • Baple
  • 2013-09-14 15:01:26
  • 1610

Bootstrap多级级联菜单

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 2...
  • lisa890608
  • lisa890608
  • 2014-01-22 10:34:39
  • 17306

多级联动菜单ASP代码

  • 2012年03月29日 20:58
  • 17KB
  • 下载

android 点击button 出现popupwindow的二级联动菜单

项目中遇到一个popupwindow的二级联动菜单,就花了时间搞了一下。先看一下实现效果。我用真机测试,就简单拍了一张。 Demo结构: 一.布局文件 1.activity.xml ...
  • u010585448
  • u010585448
  • 2015-09-21 21:37:45
  • 5054
收藏助手
不良信息举报
您举报文章:两级联动菜单 与 多级联动菜单
举报原因:
原因补充:

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