表格在网页中应用十分广泛,一个表格的使用涉及到多种操作技术,各种灵活的操作可以形成一个功能强大的表格,而这些操作大都是基于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>
凤凰涅槃/浴火重生/马不停蹄/只争朝夕
隐姓埋名/低调华丽/简单生活/完美人生