给你段代码研究:<script>
function loadThreadFollow(t_id){
var targetImg =eval("document.followImg" + t_id);
var targetDiv =eval("document.all.follow" + t_id);
//alert(targetDiv.id);
if (targetDiv.style.display=="none"){
targetDiv.style.display="block";
targetImg.src="../images/nofollow.gif";
targetImg.title="关闭列表";
}
else
{
targetDiv.style.display="none";
targetImg.src="../images/plus.gif";
targetImg.title="展开列表";
}
}
</script>
<table width="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="../images/plus.gif" name="followImg1001" style="cursor:hand;" onclick="loadThreadFollow(1001)" title=展开列表></td>
<td width="162" height="20"><a href="main.htm" target="_parent">信息系统介绍</a></td>
</tr>
<tr style="display:none" id="follow1001">
<td> </td>
<td><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td width="15" height="18" valign="top" class="word"><img src="../images/plus.gif" name="followImg1002" style="cursor:hand;" onclick="loadThreadFollow(1002)" title=展开列表></td>
<td height="20" class="word"><strong>第1单元 万维网</strong></td>
</tr>
<tr style="display:none" id="follow1002">
<td height="18" class="word"> </td>
<td class="word">
<table height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" valign="top"> </td>
<td height="20">1.1 使用万维网</td>
</tr>
<tr>
<td valign="top"> </td>
<td height="20"><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.1.html" target="mainframe1">1.1.1
万维网上冲浪</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.2.html" target="mainframe1">1.1.2
你自己的网页</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test1-1.htm" target="mainframe1">评估:练习一</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test2-1.htm" target="mainframe1">评估:考试一</a></td>
</tr>
<tr>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr class="LEFT">
<td height="18" valign="top" class="word"><img src="../images/plus.gif" name="followImg1003" style="cursor:hand;" onclick="loadThreadFollow(1003)" title=展开列表></td>
<td class="word"><strong>第2单元 万维网</strong></td>
</tr>
<tr style="display:none" id="follow1003">
<td height="18" class="word"> </td>
<td class="word">
<table height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" valign="top"> </td>
<td height="20">2.1 使用万维网</td>
</tr>
<tr>
<td valign="top"> </td>
<td height="20"><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.1.html" target="mainframe1">2.1.1
万维网上冲浪</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.2.html" target="mainframe1">2.1.2
你自己的网页</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test1-1.htm" target="mainframe1">评估:练习一</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test2-1.htm" target="mainframe1">评估:考试一</a></td>
</tr>
<tr>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="word"></td>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
function loadThreadFollow(t_id){
var targetImg =eval("document.followImg" + t_id);
var targetDiv =eval("document.all.follow" + t_id);
//alert(targetDiv.id);
if (targetDiv.style.display=="none"){
targetDiv.style.display="block";
targetImg.src="../images/nofollow.gif";
targetImg.title="关闭列表";
}
else
{
targetDiv.style.display="none";
targetImg.src="../images/plus.gif";
targetImg.title="展开列表";
}
}
</script>
<table width="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="../images/plus.gif" name="followImg1001" style="cursor:hand;" onclick="loadThreadFollow(1001)" title=展开列表></td>
<td width="162" height="20"><a href="main.htm" target="_parent">信息系统介绍</a></td>
</tr>
<tr style="display:none" id="follow1001">
<td> </td>
<td><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td width="15" height="18" valign="top" class="word"><img src="../images/plus.gif" name="followImg1002" style="cursor:hand;" onclick="loadThreadFollow(1002)" title=展开列表></td>
<td height="20" class="word"><strong>第1单元 万维网</strong></td>
</tr>
<tr style="display:none" id="follow1002">
<td height="18" class="word"> </td>
<td class="word">
<table height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" valign="top"> </td>
<td height="20">1.1 使用万维网</td>
</tr>
<tr>
<td valign="top"> </td>
<td height="20"><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.1.html" target="mainframe1">1.1.1
万维网上冲浪</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.2.html" target="mainframe1">1.1.2
你自己的网页</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test1-1.htm" target="mainframe1">评估:练习一</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test2-1.htm" target="mainframe1">评估:考试一</a></td>
</tr>
<tr>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr class="LEFT">
<td height="18" valign="top" class="word"><img src="../images/plus.gif" name="followImg1003" style="cursor:hand;" onclick="loadThreadFollow(1003)" title=展开列表></td>
<td class="word"><strong>第2单元 万维网</strong></td>
</tr>
<tr style="display:none" id="follow1003">
<td height="18" class="word"> </td>
<td class="word">
<table height="40" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15" valign="top"> </td>
<td height="20">2.1 使用万维网</td>
</tr>
<tr>
<td valign="top"> </td>
<td height="20"><table border="0" cellpadding="0" cellspacing="0">
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.1.html" target="mainframe1">2.1.1
万维网上冲浪</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="unit1/1.1.2.html" target="mainframe1">2.1.2
你自己的网页</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test1-1.htm" target="mainframe1">评估:练习一</a></td>
</tr>
<tr class="LEFT">
<td height="18" class="word"><a href="test2-1.htm" target="mainframe1">评估:考试一</a></td>
</tr>
<tr>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="word"></td>
<td class="word"></td>
</tr>
</table></td>
</tr>
</table>
<title>New Page 1</title>
<script>
function check()
{
if(f1.d1.options[1].selected)
{
f1.d2.length=0
f1.d2.options.add(new Option("浙江"))
f1.d2.options.add(new Option("江苏"))
}
}
function check1()
{
if(f1.d2.options[0].selected)
{
f1.d3.length=0
f1.d3.options.add(new Option("杭州"))
f1.d3.options.add(new Option("宁波"))
}}
</script>
</head><body><form name=f1 method="POST" action=""> <p><select size="1" name="d1" onchange="check()">
<option>Iran</option>
<option>China</option>
<option>USA</option>
<option>Taiwan</option>
</select><select size="1" name="d2" onchange="check1()">
</select><select size="1" name="d3">
</select></p>
</form></body></html>