表格在网页中应用十分广泛,一个表格的使用涉及到多种操作技术,各种灵活的操作可以形成一个功能强大的表格,而这些操作大都是基于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 >
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 maxc ol= 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 >
2 function she(table,vstr){
3 var t = false ;
4 var maxrow = table.rows.length;
5 var maxc ol= 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 >