即兴的灵感

思维是一种艺术; 艺术需要灵感。

博客好友

最新评论

JavaScript搜索网页表格


    表格在网页中应用十分广泛,一个表格的使用涉及到多种操作技术,各种灵活的操作可以形成一个功能强大的表格,而这些操作大都是基于javascript来完成的,下面就是使用javascript来实现对一个表格的所在列进行搜索,分别完成模糊搜索和绝对搜索功能。
    以下为模糊搜索并将搜索到的内容所在的行跳到当前面前中.

 1 <script>   
 2   function
   sousuo(table,vstr){  
 3   var   t=false
;  
 4   var   maxrow=
table.rows.length;  
 5   var   maxcol=table.rows[0
].cells.length;  
 6   var
   tdcon; 
 7 
   
 8   for(i=0;i<maxrow;i++
){  
 9 
  for(j=0;j<maxcol;j++)
     {
10   tdcon   =   table.rows[i].cells[j
];  
11   if(tdcon.innerHTML.indexOf(vstr)>=0){ 

13    table.rows[i].scrollIntoView(); 
14   t=true
;  
15 
  }  
16
  }
17 
  }  
18   if
(t){
19 
  }  
20   else   alert("没找到:“"   +   vstr   +   "”,请重新输入!"
);  
21 
  }  
22 </script> 

    以下为对一个表格中第一列中的数据进行绝对搜索,同样把所对应的内容所在行跳至当前页面。
 1 <script>   
 2   function
   she(table,vstr){  
 3   var   t=false
;  
 4   var   maxrow=
table.rows.length;  
 5   var   maxcol=table.rows[0
].cells.length;  
 6   var
   tdcon; 
 7 
   
 8   for(i=0;i<maxrow;i++
){  
 9 
    
10   tdcon   =   table.rows[i].cells[0
];  
11   if(tdcon.innerHTML==vstr){ 

13    table.rows[i].scrollIntoView(); 
14   t=true
;  
15 
  }  
16 
 
17 
  }  
18   if
(t){
19 
  }  
20   else   alert("没找到:“"   +   vstr   +   "”,请重新输入!"
);  
21 
  }  
22 </script> 


 
凤凰涅槃/浴火重生/马不停蹄/只争朝夕
     隐姓埋名/低调华丽/简单生活/完美人生

posted on 2007-12-01 00:51 poetguo 阅读(2376) 评论(4)  编辑  收藏 所属分类: JavaScript

评论

# re: js搜索网页表格 2007-12-01 11:46 BeanSoft

我觉得再加个颜色高亮是不是更好一些啊.  回复  更多评论   

# re: JavaScript搜索网页表格 2008-11-26 13:56 提醒

var maxcol=table.rows[0 ].cells.length;
如果第一行的列数不是最多怎么办?这样写有非常明显的问题  回复  更多评论   

# re: JavaScript搜索网页表格 2008-11-26 17:29 即兴诗人

具体问题具体解决 嘎嘎。。。  回复  更多评论   

# re: JavaScript搜索网页表格 2008-11-26 17:29 即兴诗人

谢谢提醒哈  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: