<!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=utf-8" />
<title>无标题文档</title>
</head>
<BODY>
<SELECT NAME="s1"><option></SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//选择框的名字
selector = [ "s1", "s2", "s3", "s4" ];
//选择项: "名字", "值", 子选择
menu = [
"一级分类1","1",
[
"二级分类1","1-2-1",
[
"三级分类1","1-2-3-1",
[
"四级分类1","1-2-4-1",
],"三级分类2","1-2-3-2",
[
"四级分类2-1","2-1",null,
"四级分类2-2","2-2",null,
"四级分类2-3","2-3",null,
"四级分类2-4","2-4",null,
"四级分类2-5","2-5",null,
"四级分类2-6","2-6",null
]
],
"二级分类2","1-2-2",
[
"三级分类2-1","3-1",
[
"四级分类","1",null,
"四级分类","2",null
],
"三级公类2-2","3-2",
[
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null
]
]
], "一级分类2","2",
[
"二级分类2-2","",
[
"三级分类3-2","",
[
"四级分类2-1","",null,
"四级分类2-2","",null,
"四级分类2-3","",null
]
],
"二级分类2","1-2-2",
[
"三级分类2-1","3-1",
[
"四级分类","1",null,
"四级分类","2",null
],
"三级公类2-2","3-2",
[
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",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>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<BODY>
<SELECT NAME="s1"><option></SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//选择框的名字
selector = [ "s1", "s2", "s3", "s4" ];
//选择项: "名字", "值", 子选择
menu = [
"一级分类1","1",
[
"二级分类1","1-2-1",
[
"三级分类1","1-2-3-1",
[
"四级分类1","1-2-4-1",
],"三级分类2","1-2-3-2",
[
"四级分类2-1","2-1",null,
"四级分类2-2","2-2",null,
"四级分类2-3","2-3",null,
"四级分类2-4","2-4",null,
"四级分类2-5","2-5",null,
"四级分类2-6","2-6",null
]
],
"二级分类2","1-2-2",
[
"三级分类2-1","3-1",
[
"四级分类","1",null,
"四级分类","2",null
],
"三级公类2-2","3-2",
[
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null
]
]
], "一级分类2","2",
[
"二级分类2-2","",
[
"三级分类3-2","",
[
"四级分类2-1","",null,
"四级分类2-2","",null,
"四级分类2-3","",null
]
],
"二级分类2","1-2-2",
[
"三级分类2-1","3-1",
[
"四级分类","1",null,
"四级分类","2",null
],
"三级公类2-2","3-2",
[
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",null,
"四级分类","2-2-1",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>
{
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);
}
document.getElementById 替换 document.alldocument.all只是IE下有效
{
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);
}
document.getElementById 替换 document.alldocument.all只是IE下有效