晨月

爱是恒久忍耐，又有恩慈；爱是不嫉妒，爱是不自夸，不张狂，不作害羞的事，不求自己的益处，不轻易发怒，不计算人的恶，不喜欢不义，只喜欢真理；凡事包容，凡事相信，凡事盼望，凡事忍耐－－－圣经
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::
javascript 实现多级联动

<html>
<BODY>
<SELECT NAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECT NAME="s2"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//选择框的名字
selector = [ "s1", "s2" ];
//选择项: "名字", "值", 子选择
menu = ["资料库","1",["全部","1",null,"testt","2",null,],"abcd","3",["全部","3",null,],"sdfdsd","4",["全部","4",null,],"qqqqqqqq","5",["全部","5",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);
////空间或表格不显示
function show()
{
alert(document.all.bbsid.value);
if(document.all.bbsid.value=="1"){
document.all.idUrlFilesArea.style.display='';
document.all.idUrlFilesArea1.style.display='none';
}else{
document.all.idUrlFilesArea.style.display='none';
}
}
//-->
</SCRIPT>

<table>
              <tr valign="top" id="idUrlFilesArea" style="display:none">
                <td align="right" ><div align="left">投诉附件：</div></td>
                <td>&nbsp; </td>
              </tr>
              <tr>
              <select name="bbsid" size="1" onchange="javascript:show()">
<option   value="1"> 1111111</option>
<option   value="2"> 2222</option>
</select>
              <input type="button" value="返回" id="idUrlFilesArea1" onClick="document.all.idUrlFilesArea.style.display=''">
              </tr>
</table>
</BODY>
</HTML>

posted on 2005-04-25 14:44  晨月  阅读(998)  评论(0)    收藏  举报