两级联动菜单
----------------------------------------------------------------------------------------------
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>NewDocument</TITLE>
<METANAME="Generator"CONTENT="EditPlus">
<METANAME="Author"CONTENT="">
<METANAME="Keywords"CONTENT="">
<METANAME="Description"CONTENT="">
<scriptlanguage="JavaScript"type="text/javascript">
<!--
varprovince_ar=newArray("","学历文凭|旅游管理,工商企业管理,文秘,金融,国际贸易,会计,英语,计算机应用,法律,艺术设计","成人高教|工商企业管理,国际经济与贸易,外贸英语,计算机应用与管理,艺术设计","高教自考|饭店管理,工商企业管理,中英合作商务管理,保险,国际贸易,英语,电子商务,计算机及应用,法律,广告");
functionshow_province()
{
varpro_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]=newOption(tmp[0],tmp[0]);
}
}
}
functionshow_city(sc)
{
vartemp=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]=newOption(tmp[i],tmp[i]);
}
}
}
setTimeout("show_province();",20);//第一个搜索中省份城市对应
-->
</script>
</HEAD>
<BODY>
<FORMname="testform"id="testform">
<selectid=province
onchange=show_city(this.options.selectedIndex)>
<OPTIONvalue=""selected>请选择类别</option>
</select>
<selectid=city>
<OPTIONvalue=""selected>请选择专业</OPTION>
</select>
</FORM>
</BODY>
</HTML>
----------------------------------------------------------------------------------------------
多级联动菜单
----------------------------------------------------------------------------------------------
<BODY>
<SELECTNAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECTNAME="s2"></SELECT>
<SELECTNAME="s3"></SELECT>
<SELECTNAME="s4"></SELECT>
<SCRIPTLANGUAGE="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
]
]
]
];
functionwizz(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>
----------------------------------------------------------------------------------------------
分享到：
相关推荐
省市县三级联动菜单，JS全国省市县(区)联动代码，一般可以用于用户注册或分类信息二手交易网站，需要的朋友直接复制代码就可以用了，不过有朋友反馈说缺少某些城市，具体缺少哪个尚不知，请想用的朋友自己补全吧，...
Access数据库-二级下拉菜单制作
二、多级别，多数量联动，不局限于2级或3级联动。 三、一拖多，一个改变，多个跟着改变。 四、本程序在(Win2003平台)ie6 ie7 opera9 firefox3 chrome0.2 safari3.1下测试通过。 五、可轻松整合各大著名CMS，如帝国等...
主要为大家详细介绍了Bootstrap实现下拉菜单多级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jquery-accordion-menu-multilevel是一款非常酷的Material Design风格多级下拉列表菜单jQuery插件。该下拉列表在菜单项点击时采用漂亮的点击波特效，并提供了三种预设的颜色主题样式。
flutter 页面滚动联动实现,解决NestedScrollView问题.可配合EasyRefresh和CustomScrollView实现页面滚动联动,自定义下拉刷新等操作
PopWindow和Fragment两种方式实现两级联动菜单。
Axure RP9实现二级选择框联动，利用全局变量、动态面板、赋值等原理，第一个选择框单选，第二个选择框多选
jQuery地区树型菜单选择插件，包含两个例子，一个是不用“多级联动菜单”而用“树型”来选择“省市县” 另一个是MzTreeView + CheckBox 复选框 + 自定义表格
Excel数据有效性的高级应用.rar,利用公式可以设置更为复杂的数据有效性，如防止用户...本示例文件的案例包括：限制手机号码的输入、限制商品名称不能重复输入、商品种类及名称的两级联动选择和分级选择性录入居住地。
05 js练习之二级联动 06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01 jquery属性操作之html,text,val方法 02 jquery循环方法和attr,prop方法 03 jquery...
与DotNet数据对象结合的自定义数据对象设计 (二) 数据集合与DataTable 与DotNet数据对象结合的自定义数据对象设计 (一) 数据对象与DataRow ASP.NET中大结果集的分页[翻译] .net 2.0 访问Oracle －－与Sql Server的...
03044删除工作表级的定义名称 03045删除图表工作表 03046显示、隐藏行列标题 04001通过Range属性引用某个单元格 04002通过Range属性引用连续的单元格区域 04003通过Range属性引用不连续的单元格区域 04004通过字符串...