表格在网页中应用十分广泛,一个表格的使用涉及到多种操作技术,各种灵活的操作可以形成一个功能强大的表格,而这些操作大都是基于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>