两级联动菜单

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

相关文章推荐

两级联动菜单实例

两级联动菜单实例 环境保护局 首页 通知 任务 科室 办公室...

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

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

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

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

两级联动菜单的实现之一 --- 用taglib实现下拉菜单

最近在项目里有一个功能点需要实现页面的菜单联动,具体场景描述:页面有三个输入:接口名称、接口版本和接口参数,前两者是下拉菜单,第三个是input标签,接口名称需要从数据库表动态生成,接口版本跟随接口名...

两级联动菜单的实现之二 --- 用ajax实现菜单联动

前面记录了实现动态下拉菜单标签的过程,这仅仅完成了级联的第一步,这里将描述第二步,级联变化的实现。 要实现两个输入的变化:接口版本和接口参数,我的设想是调用两次ajax与后台交互获取数据,然后再重新...

Android两级导航菜单栏的实现--FragmentTabHost结合ViewPager与Android 开源项目PagerSlidingTabStrip

上一篇中采用 FragmentTabHost嵌套FragmentTabHost的方式实现 了Android两级导航菜单栏效果,但不能实现左右滑动。        本篇将使用PagerSliding...

Flex4组件教程:自定义两级导航菜单组件

Flex4组件教程:自定义两级导航菜单组件Posted 四月 8th, 2011 by 郭少瑞Flex4郭少瑞声明:本文为RIAMeeting原创文章,您可以自由转载,但请务必说明文章来源并保留原文链...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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