求无刷新联动二级菜单

http://community.csdn.net/Expert/topic/3513/3513180.xml?temp=.4960291

一个简单例子：<HTML>
<HEAD>
<title>freeimgman</title>
<LINK href="main.css" type="text/css" rel="stylesheet">
<script language="javascript">
var s=["first","second","third"];
var opt0 = ["请选择一级分类","请选择二级分类","请选择三级分类"];
function loadClass()
{
for(var i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);

}
</script> <script language="javascript">
function PC()
{
this.Items = {};
}
PC.prototype.add = function(id,iArray) { this.Items[id] = iArray; }
PC.prototype.Exists = function(id) { if(typeof(this.Items[id]) == "undefined") return false; return true; };
function PCID()
{
this.Items = {};
}
PCID.prototype.add = function(id,iArray) { this.Items[id] = iArray; }
PCID.prototype.Exists = function(id) { if(typeof(this.Items[id]) == "undefined") return false; return true; };
function change(v)
{
var str="10001";
for(i=0;i<v;i++)
{
var SelectObject=document.getElementById(s[i]);
str+=("_"+(SelectObject.options[SelectObject.selectedIndex].value));
}
var ss=document.getElementById(s[v]);
with(ss)
{
length = 0;
options[0]=new Option(opt0[v],0);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(freeimgclass.Exists(str))
{
mytext = freeimgclass.Items[str];
myvalue = freeimgclassID.Items[str];
for(i=0;i<mytext.length;i++)
options[length]=new Option(mytext[i],myvalue[i]);
/*if(v) options[1].selected = true;*/
}
}
if(++v<s.length)
{
change(v);
}
}
}
function change1(v)
{
var str="10001";
for(i=0;i<v;i++)
{
var SelectObject=document.getElementById(s1[i]);
str+=("_"+(SelectObject.options[SelectObject.selectedIndex].value));
}
var ss=document.getElementById(s1[v]);
with(ss)
{
length = 0;
options[0]=new Option(opt0[v],0);
if(v && document.getElementById(s1[v-1]).selectedIndex>0 || !v)
{
if(freeimgclass.Exists(str))
{
mytext = freeimgclass.Items[str];
myvalue = freeimgclassID.Items[str];
for(i=0;i<mytext.length;i++)
options[length]=new Option(mytext[i],myvalue[i]);
/*if(v) options[1].selected = true;*/
}
}
if(++v<s1.length)
{
change1(v);
}
}
}
function SetInfo(myallclass,mySecondClass,mynavigation)
{
var father="10001_10002";
var fid=0,sid=0;
var fname,sname;
var search=location.search.toLowerCase();
search=search.substring(1,search.length);
arrsearch=search.split("&");
if(arrsearch.length>=2)
{
if(arrsearch[0].indexOf("fid=")!=-1)
{
arrfid=arrsearch[0].split("=");
fid=arrfid[1];
}
if(arrsearch[1].indexOf("sid=")!=-1)
{
arrsid=arrsearch[1].split("=");
sid=arrsid[1];
}
}
else
{
if(arrsearch[0].indexOf("fid=")!=-1)
{
arrfid=arrsearch[0].split("=");
fid=arrfid[1];
}
}
if(freeimgclass.Exists(father))
{
mytext = freeimgclass.Items[father];
myvalue = freeimgclassID.Items[father];
var myallclassinnerHTML="";
myallclassinnerHTML+="<table width='100%' height='35' border='0' cellpadding='0' cellspacing='1'>";
myallclassinnerHTML+="<tr align='center'>";
for(i=0;i<mytext.length;i++)
{
myfid=myvalue[i];
text=mytext[i];
if(myfid==fid||fid==0)
{
myallclassinnerHTML+="<td width='10%' class='navtd'><a href=list.aspx?fid="+myfid+"><b>"+text+"<b></a></td>";
fname=text;
if(fid==0)
fid=myfid;
}
else
myallclassinnerHTML+="<td width='10%' class='navtd'><a href=list.aspx?fid="+myfid+">"+text+"</a></td>";

}
myallclassinnerHTML+="</tr>";
myallclassinnerHTML+="</table>";
myallclass.innerHTML=myallclassinnerHTML;
}
var mySecondClassinnerHTML;
if(freeimgclass.Exists(father+"_"+fid))
{
mytext = freeimgclass.Items[father+"_"+fid];
myvalue = freeimgclassID.Items[father+"_"+fid];
for(i=0;i<mytext.length;i++)
{
mysid=myvalue[i];
text=mytext[i];
if(mysid==sid||sid==0)
{
text="<b>"+text+"</b>"
sname=text;
if(sid==0)
sid=mysid;
}
if(i==0)
mySecondClassinnerHTML=" <font face='webdings'>4</font> <A href='list.aspx?fid="+fid+"&sid="+mysid+"'><FONT color=#666666>"+text+"</FONT></A>";
else
mySecondClassinnerHTML+="<FONT color=#666666>│</FONT><A href='list.aspx?fid="+fid+"&sid="+mysid+"'><FONT color=#666666>"+text+"</FONT></A>";

}
mySecondClass.innerHTML=mySecondClassinnerHTML;
mynavigation.innerHTML="<a href=index.aspx>贴图</a> <font color=blue>></font><a href=list.aspx?fid=10004>欢笑贴图</a> <font color=blue>></font> <a href=list.aspx?fid="+fid+">"+fname+"</a> <font color=blue>></font><a href=list.aspx?fid="+fid+"&sid="+sid+">"+sname+"</a>";
}
}

调试易

求无刷新联动二级菜单

解决方案 »