两级联动菜单

转载 2006年06月21日 12:43: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>

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



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=67568

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

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

JS结合数据库的二级联动菜单

sall=new Array();dim ii=0set rs=server.CreateObject("adodb.recordset")    sql="select * from newsfl ...
  • chinabh
  • chinabh
  • 2006年05月16日 15:45
  • 1469

两级联动菜单实例

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

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

两级联动菜单 ---------------------------------------------------------------------------------------------...
  • kanjing
  • kanjing
  • 2004年08月06日 23:28
  • 1958

AngularJs写的select的二级联动

小弟刚开始学学习ANgular有什么写的不好的地
  • slamdunk5373
  • slamdunk5373
  • 2014年10月17日 11:37
  • 6713

基于jQuery下拉两级联动select

之前参照那篇博客弄的忘记了,记录下: js代码: $(function() { $.ms_DatePicker({ YearSelector : ".sel_year", MonthSelector ...
  • woweipingzui
  • woweipingzui
  • 2016年01月25日 17:39
  • 1251

简易select二级联动

简易select二级联动 本文主要是实现一个简易的国家城市二级联动。 主要用到的两个知识点就是selectedIndex和for循环。 简单的效果图如下: 代码如下: ...
  • core_song
  • core_song
  • 2016年12月13日 15:33
  • 2295

JQuery实现省市两级联动

JQuery实现省市两级联动效果
  • u010267906
  • u010267906
  • 2015年12月15日 16:02
  • 531

二级联动菜单,简单实现

/** * jQuery Linkage Menu * * Copyright 2014, sunyingyuan * QQ: 1586383022 * Email: yingyuansun...
  • sunyingyuan
  • sunyingyuan
  • 2014年03月04日 10:16
  • 3697

popupwindow的二级Listview的联动菜单、ListView形式的菜单、GridView形式的菜单的Util

popupwindow的二级Listview的联动菜单、ListView形式的菜单、GridView形式的菜单的Util。 资源地址:这里写链接内容 popupwindow的子布局无外乎就是那几个...
  • izheer
  • izheer
  • 2016年09月29日 10:52
  • 736
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:两级联动菜单
举报原因:
原因补充:

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