???
表格在網頁中應用十分廣泛,一個表格的使用涉及到多種操作技術,各種靈活的操作可以形成一個功能強大的表格,而這些操作大都是基于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>?
?
鳳凰涅槃/浴火重生/馬不停蹄/只爭朝夕
???? 隱姓埋名/低調華麗/簡單生活/完美人生