[JavaScript]利用JavaScript控制table中row的显示

转载 2006年06月04日 21:25:00
在程序中有时候我们需要根据选择来显示我们需要的信息,通过控制table中row的显示可以实现这样的功能.
 

JavaScript
 <script  language=javascript >
function changeRow(id, status) {
document.getElementById(
"Row1").style.display ="none";
document.getElementById(
"Row2").style.display ="none";
document.getElementById(
"Row3").style.display ="none";
    
var elm = document.getElementById("Row"+id);
    
if (!elm)
        
return false;
    
    elm.style.display 
= (status == true? "" : "none";
}

</script>

HTML
<table width="100%" border="0">
  
<tr>
    
<td>
         
<select name="select"  onchange="javascript: changeRow(this.value,true);">
          
<option value="0">None</option>
          
<option value="1">Row1</option>
          
<option value="2">Row2</option>
          
<option value="3">Row3</option>
        
</select>
         
</td>
  
</tr>
  
<tr id=Row1 style="display: none;">
    
<td bgcolor="#99FF00">Row1</td>
  
</tr>
  
<tr id=Row2 style="display: none;">
    
<td bgcolor="#CCCC99">Row2</td>
  
</tr>
  
<tr id=Row3 style="display: none;">
    
<td bgcolor="#FFCC99">Row3</td>
  
</tr>
</table>

相关文章推荐

JavaScript控制table某列不显示的方法

本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下: 1、table代码 ...

JavaScript 控制table具体某列不显示

1、table代码 日期 媒体名称 投放形式 曝光次数 ...

JavaScript中table对象集合整理

JavaScript中table对象集合整理

javascript 将table数据导出到excel中(支持表格线的导出)

正文 WEB页面导出为EXCEL文档的方法 单元格A 单元格A 单元格A 单元格A 单元格合并行A 单元格合并行A 单元格合并...

javascript 动态生成table

  • 2012年09月05日 00:10
  • 2KB
  • 下载

JavaScript:固定table的表头

  • 2015年09月19日 13:03
  • 96KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[JavaScript]利用JavaScript控制table中row的显示
举报原因:
原因补充:

(最多只允许输入30个字)