<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
pattern1 = new Array();
pattern1[0]=["家具","jiaju"];
pattern1[1]=["玩具","wanju"];
pattern1[2]=["办公","bangong"];
pattern1[3]=["服装","fuzhuang"];
pattern2 = new Array();
pattern2[0]=["电影","dianying"];
pattern2[1]=["电视剧","dianshiju"];
pattern2[2]=["教育","jiaoyu"];
pattern2[3]=["综艺","zongyi"];
var category=new Array();
category[0]=["百货","baihuo",pattern1];
category[1]=["影视","yingshi",pattern2];
function categoryOption(){
for(i=0;i<category.length;i++){
var option=new Option(category[i][0],category[i][1]);
myForm.category.options[i]=option;
}
patternOption(0);
}
function patternOption(index){
while (myForm.pattern.length>0){
myForm.pattern.remove(0);
}
var arr=category[index][2];
for(i=0;i<arr.length;i++){
var option=new Option(arr[i][0],arr[i][1]);
myForm.pattern.options[i]=option;
}
}
</script>
</head>
<body onload="categoryOption()">
<form name="myForm" method="post">
<select name="category" onchange="patternOption(this.selectedIndex)">
</select>
<select name="pattern">
</select>
</form>
</body>
</html>
分享到：
相关推荐
数据库版二级联动菜单,一个简单的二级联动，按指引操作
js 二级联动菜单 路过的高手指点，低手分享js 二级联动菜单 路过的高手指点，低手分享
二级联动菜单 省市联动 联动菜单 无刷新联动 方便 简单 快捷
最简单的二级联动源码下载，可以直接使用。
ASP+ACC二级联动菜单。 带数据库. 以及包含文件。可以直接使用！
javascript二级联动菜单,可根据你的选择生成表格。 功能是二个页面之间值的传递。
可跳转回首页的CSS二级联动菜单
二级联动菜单二级联动菜单二级联动菜单（jsp mysql）二级联动菜单二级联动菜单二级联动菜单（jsp mysql） 实例
二级联动菜单示例二级联动菜单示例代码二级联动菜单示例二级联动菜单示例代码
二级联动菜单
一个很简单的二级联动下拉菜单实例,一看就懂
JS+ASP二级联动菜单.txtJS+ASP二级联动菜单JS+ASP二级联动菜单JS+ASP二级联动菜单JS+ASP二级联动菜单
javascript 二级联动菜单
省市二级联动菜单 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <TITLE> 省市二级联动 (this.selectedIndex)"> (this.selectedIndex)"> var qu1=new Array(); qu1[0]=[...
该小插件是自己写的谢谢指教。可以改写为三级菜单。
二级联动菜单 参考 javascript,为对二级菜单陌生的程序员提供范例。
ASP 实用的ajax二级联动菜单