多级关联下拉选择框的高效实现
来源:互联网 发布:javascript指南阮一峰 编辑:程序博客网 时间:2024/05/04 10:04
<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>
- 多级关联下拉选择框的高效实现
- 多级关联下拉选择框的做法
- 多级关联下拉选择框
- 利用xml实现多级关联下拉选择框
- 利用xml数据岛实现多级关联下拉选择框的做法
- 利用xml数据岛实现多级关联下拉选择框的做法
- 利用xml数据岛实现多级关联下拉选择框的做法
- 利用xml数据岛实现多级关联下拉选择框的做法
- 下拉菜单,滚动图片,多级关联下拉选择框
- jquery+json+struts2+mybatis实现的多级关联下拉效果
- javascript select下拉选择框多级联动
- Js 实现下拉款选择后多级联动效果
- android--多级下拉列表菜单的实现
- 多级下拉列表选择处理
- 多级联动下拉框控件实现
- 实现多级下拉框联动获取数据
- 多级联动下拉选择框,动态获取下一级
- 多级联动下拉选择框,动态获取下一级
- 经典的爱情观--看完豁然
- 转载 如何调试release版本
- Struts,MVC 的一种开放源码实现用这种servlet和JSP框架管理复杂的大型网站
- 测试的分类及测试方法
- 救救这个“中国人”或这些“中国人”
- 多级关联下拉选择框的高效实现
- 复选框全选、取消全选
- 用正确的方法来写出质量好的软件
- Adobe Reader 7.0.1 update - multiple languages
- 我收集的优秀Flash站点
- Linux嵌入式系统开发平台选型探讨
- 用XSLT输出内容
- 用Struts开发基于MVC的Web应用
- test