表格的一个小疑点,请帮忙
日期：2014-05-16 浏览次数：20515 次
表格的一个小问题,请帮忙
以下代码已经实现了表格过滤.不过因为表格的头两行跟最后一行要写一些固定的东西,所以不要求参加过滤.
问题:我想让表格的第1,2行和最后一行不参加过滤,该怎么弄?
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</script>
</head>
<body>
<script type="text/javascript">
var filtercolumns="";
function setFilter(Tbl) {
for(var i=0;i<Tbl.rows[0].cells.length;i++) {
if(Tbl.rows[0].cells[i].getAttribute("filter")!=null &&Tbl.rows[0].cells[i].getAttribute("filter")=="false")
{
var temp = filtercolumns+i+ '|';
filtercolumns = temp;
}
}
}
function Search(Tbl,TextValue) {
var count=0;
var keyWord=TextValue.value;
if(keyWord!="") {
for(var i=0;i <Tbl.rows.length;i++) {
if(filtercolumns=="") {
var tr=Tbl.rows[i];
if(tr.innerHTML.indexOf(keyWord)==-1)
tr.style.display="none";
else {
tr.style.display="block";
count++;
}
}
else {
var tfilter = filtercolumns.substr(0,filtercolumns.length-1);
var columns = tfilter.split( '|');
var html = "";
for(var k=0;k <Tbl.rows[i].cells.length;k++) {
var flag = true;
for(var j=0;j <columns.length;j++) {
var col= columns[j];
if(col==k) flag=false;
}
if(flag==true) {
html += Tbl.rows[i].cells[k].innerHTML;
}
}
if(html.indexOf(keyWord)==-1)
Tbl.rows[i].style.display="none";
else {
Tbl.rows[i].style.display="block";
count++;
}
}
}
}
if(count==0) {
ListAll(Tbl);
alert( '找不到你要的记录！');
}
}
function ListAll(Tbl) {
for(var i=0;i <Tbl.rows.length;i++) {
Tbl.rows[i].style.display="block";
}
}
</script>
<center>
<input name="condtext" id="condtext" type="text" style="width: 200">
<input type="button" value="查找" onclick="setFilter(FilTable);Search(FilTable,condtext);">
<input type="button" value="返回" onclick="ListAll(FilTable)">
<br>
<table summary="" cellpadding="0" cellspacing="0" width="500" border="1" id="FilTable">
<tr>
<thead>
<th colspan="5" align="center">商场货物统计表</th>
</tr>
<tr>
<th>食品</th>
<th>日用</th>
<th>药品</th>
<th>化妆</th>
</tr>
</thead>
<tbody>
<tr>
<td width="25%">香肠</td>
<td width="25%">刷子</td>
<td width="25%">先锋4</td>
<td width="25%">强生婴儿润肤</td>
</tr>
<tr>
<td>薯片</td>
<td>抹布</td>
<td>螺旋酶素</td>
<td>4</td>
以下代码已经实现了表格过滤.不过因为表格的头两行跟最后一行要写一些固定的东西,所以不要求参加过滤.
问题:我想让表格的第1,2行和最后一行不参加过滤,该怎么弄?
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</script>
</head>
<body>
<script type="text/javascript">
var filtercolumns="";
function setFilter(Tbl) {
for(var i=0;i<Tbl.rows[0].cells.length;i++) {
if(Tbl.rows[0].cells[i].getAttribute("filter")!=null &&Tbl.rows[0].cells[i].getAttribute("filter")=="false")
{
var temp = filtercolumns+i+ '|';
filtercolumns = temp;
}
}
}
function Search(Tbl,TextValue) {
var count=0;
var keyWord=TextValue.value;
if(keyWord!="") {
for(var i=0;i <Tbl.rows.length;i++) {
if(filtercolumns=="") {
var tr=Tbl.rows[i];
if(tr.innerHTML.indexOf(keyWord)==-1)
tr.style.display="none";
else {
tr.style.display="block";
count++;
}
}
else {
var tfilter = filtercolumns.substr(0,filtercolumns.length-1);
var columns = tfilter.split( '|');
var html = "";
for(var k=0;k <Tbl.rows[i].cells.length;k++) {
var flag = true;
for(var j=0;j <columns.length;j++) {
var col= columns[j];
if(col==k) flag=false;
}
if(flag==true) {
html += Tbl.rows[i].cells[k].innerHTML;
}
}
if(html.indexOf(keyWord)==-1)
Tbl.rows[i].style.display="none";
else {
Tbl.rows[i].style.display="block";
count++;
}
}
}
}
if(count==0) {
ListAll(Tbl);
alert( '找不到你要的记录！');
}
}
function ListAll(Tbl) {
for(var i=0;i <Tbl.rows.length;i++) {
Tbl.rows[i].style.display="block";
}
}
</script>
<center>
<input name="condtext" id="condtext" type="text" style="width: 200">
<input type="button" value="查找" onclick="setFilter(FilTable);Search(FilTable,condtext);">
<input type="button" value="返回" onclick="ListAll(FilTable)">
<br>
<table summary="" cellpadding="0" cellspacing="0" width="500" border="1" id="FilTable">
<tr>
<thead>
<th colspan="5" align="center">商场货物统计表</th>
</tr>
<tr>
<th>食品</th>
<th>日用</th>
<th>药品</th>
<th>化妆</th>
</tr>
</thead>
<tbody>
<tr>
<td width="25%">香肠</td>
<td width="25%">刷子</td>
<td width="25%">先锋4</td>
<td width="25%">强生婴儿润肤</td>
</tr>
<tr>
<td>薯片</td>
<td>抹布</td>
<td>螺旋酶素</td>
<td>4</td>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
