<!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> 

解决方案 »

  1.   

    document.all肯定IE认识  火狐不认识
      

  2.   

    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); 

    document.getElementById 替换 document.alldocument.all只是IE下有效
      

  3.   

    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); 

    document.getElementById 替换 document.alldocument.all只是IE下有效
      

  4.   

    <select name="" id="s1">document.all..... 这种IE-only代码--> document.getElementById("s1")BTW,既然头上写了xhtml,就请小写