我想问一个隐藏表格的程序，好象很简单的

Question

<table id=t>
<tr>
<td>
<select size="1" name="lx" onchange="for(i=1;i<t.rows.length;i++)t.rows[i].style.display='none';t.rows[selectedIndex+1].style.display=''">
  <option value="0">标准内容</option>
  <option value="1">单页内容</option>
  <option value="2">链接内容</option>
</select>
</td></tr>
<tr><td>标准内容</td></tr>
<tr><td>单页内容</td></tr>
<tr><td>链接内容</td></tr>
</table>

Answer 1

<table id=m><tr>
<td>
<select size="1" name="lx" onchange="a(this)">
  <option value="0">标准内容</option>
  <option value="1">单页内容</option>
  <option value="2">链接内容</option>
</select>
</td></tr><!--点到标准内容时显示-->
<tr><td>标准内容</td></tr><!--点到单页内容时显示-->
<tr><td>单页内容</td></tr><!--点到链接内容时显示-->
<tr><td>链接内容</td></tr></table>
<script>
function a(o)
{
t=o.options[o.selectedIndex].text
for(i=1;i<m.rows.length;i++)
{
m.rows[i].style.display="none"
if(m.rows[i].innerText==t)
m.rows[i].style.display=""
}
}
</script>

Answer 2

能否用DIV做啊！<div style="DISPLAY:none">
<tr><td>标准内容</td></tr>
</div>然后用onchange切换。因为我的隐藏可能是不规则的啊！可能我点标准内容，显示的是链接内容等等。谢谢回复

Answer 3

<table id=t>
<tr>
<td>
<select size="1" name="lx" onchange="for(i=1;i<=3;i++)eval('d'+i).style.display='none';eval('d'+(selectedIndex+1)).style.display=''">
  <option value="0">标准内容</option>
  <option value="1">单页内容</option>
  <option value="2">链接内容</option>
</select>
</td></tr>
<tr><td>
<div id=d1>
标准内容
</div>
<div id=d2 style="display:none">
单页内容
</div>
<div id=d3 style="display:none">
链接内容
</div>
</td></tr>
</table>

Answer 4

<table id=t>
<tr>
<td>
<select size="1" name="lx" onchange="gua(this.value")>
  <option value="0">标准内容</option>
  <option value="1">单页内容</option>
  <option value="2">链接内容</option>
</select>
</td></tr>
<tr><td>
<div id=d1>
标准内容
</div>
<div id=d2 style="display:none">
单页内容
</div>
<div id=d3 style="display:none">
链接内容
</div>
</td></tr>
</table>
<script>
function gua(par)
{
switch (par) {
   case "0" : 
       for(i=1;i<=3;i++)
       document.all('d'+i).style.display='none';      
       document.all.d1.style.display="";
      break; 
   case "1" : 
       for(i=1;i<=3;i++)
      document.all('d'+i).style.display='none'; 
      document.all.d2.style.display="";
      break; 
   case "2" : 
       for(i=1;i<=3;i++)
       document.all('d'+i).style.display='none'; 
       document.all.d3.style.display="";
      break;  
} 
}
</script>

Answer 5

先定义一个函数
function doitClick() {
  if (document.dy.lx.value=='1') {
     window.nr.style.display = "block";
     window.lj1.style.display = "none";
  }
  else if (document.dy.lx.value=='2'){
     window.lj1.style.display = "block";
     window.nr.style.display = "none";
  }
  else  {
    window.lj1.style.display = "none";
    window.nr.style.display = "none";
  }  
}
<table id=t>
<tr>
<td>
<select size="1" name="lx" onchange="javascript:doitClick();"
  <option value="0">标准内容</option>
  <option value="1">单页内容</option>
  <option value="2">链接内容</option>
</select>
</td></tr>
<tr><td>
<div id=d1>
标准内容
</div>
<div id=d2 style="display:none">
单页内容
</div>
<div id=d3 style="display:none">
链接内容
</div>
</td></tr>
</table>能给你一些启事