[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>

Table的两个属性rowIndex与cellIndex

HTML DOM rowIndex属性 功能:返回表格中行的序号。语法:object.rowIndex说明:该属性只读。rowIndex用于判断当前单元格所处行的索引(从0开始) 实例1获取指定行在表...
  • helanye
  • helanye
  • 2009年07月15日 22:14
  • 4187

ArcGIS API For Javascript之多图层显示与隐藏,图层要素选框查询

ArcGIS API For Javascript之定位功能
  • wulafly
  • wulafly
  • 2017年04月12日 21:21
  • 4786

javascript 实现图片放大缩小

 var mm=1; function imgzoom(h) {     if (h==1)  {  mm+=0.2;  mm=Math.min(2,mm);  document.all.imgjpg...
  • liyan998
  • liyan998
  • 2005年03月25日 15:15
  • 1336

Html中JavaScript对表格的控制,行和列的增删

初学者,如若有错的地方欢迎指正,定当虚心听教。 以下为例子: 第一行第一列 第一行第二列 第二行第一列 第二行第二列 function ...
  • ArdenSrilank
  • ArdenSrilank
  • 2017年02月15日 20:25
  • 556

JS操作table!js table行数

JS操作table!js table行数       虽然此刻前台已经很少用table来结构了,但是有之处还是会难免的用到table,...
  • smeyou
  • smeyou
  • 2012年03月15日 18:16
  • 4520

javascript table delete row

function deleteRow(i){    document.getElementById(myTable).deleteRow(i)}  Row 1    Row 2    Row 3  ...
  • phoebird
  • phoebird
  • 2009年02月14日 21:21
  • 571

js在insertRow里面触发事件的方法

最近很多人在问这个问题,就随便简单做了一个 for(var i=0;iarr.length;i++)...{//随便一个循环生成动态table            var header=tab.cr...
  • ayuayufan
  • ayuayufan
  • 2007年10月10日 10:53
  • 2013

javascript insert table row

 function insRow(){    var x=document.getElementById(myTable).insertRow(2)    var y=x.insertCell(0) ...
  • phoebird
  • phoebird
  • 2009年02月14日 21:22
  • 1713

JavaScript基础——使用Canvas绘图

HTML5添加的最受欢迎的功能就是元素。这个元素负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形。元素最早是由苹果公司推出的,当时主要用在其Dashboard中。...
  • Goskalrie
  • Goskalrie
  • 2016年08月03日 10:48
  • 2314

如何动态隐藏表格 javascript 控制 html元素 显示/隐藏

javascript 控制 html元素 显示/隐藏1。编写js函数    function display(id){        var traget=document.getElementByI...
  • liu_xing_hui
  • liu_xing_hui
  • 2008年01月09日 10:46
  • 2234
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[JavaScript]利用JavaScript控制table中row的显示
举报原因:
原因补充:

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