非常着急限制表格列操作~解决办法

非常着急----限制表格列操作~~~

有如下代码,已经实现输入条件过滤表格中所有单元格内容,现在我想限制其中某1列或几列不参加过滤,其余列参加.
也就是说网页制作人员通过简单操作表头控制某列不参加过滤,用户在页面上输入条件后过滤的是其余列中的单元格内容.请问该怎么写?
麻烦编写一个function(),然后通过对表头的操作,实现这一要求. 谢谢谢谢谢谢谢了:)~
对了,另外最好是还能使不参加过滤的列和其他列颜色不同.

<html >
<head >
<title > </title >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" / >
</head >
<body >
<center >
<script type="text/javascript" >

function Search(Tbl,TextValue)
{
var count=0;
var keyWord=TextValue.value;
if(keyWord!="")
{
for(var i=0;i <Tbl.rows.length;i++)
{
var tr=Tbl.rows[i];
if(tr.innerHTML.indexOf(keyWord)==-1)
tr.style.display="none";
else
{
tr.style.display="block";
count++;
}
}
}
if(count==0)
{
alert( '找不到你要的记录！ ');
ListAll(Tbl);
}
}

function ListAll(Tbl)
{
for(var i=0;i <Tbl.rows.length;i++)
{
Tbl.rows[i].style.display="block";
}
}

</script >
<input name="ttt" id="ttt" type="text" style="width:200" >
<input type="button" value="查找" onclick="Search(Tbl1,ttt)" id="btFind" >
<input type="button" value="返回" onclick="ListAll(Tbl1)" id="btListAll" >

<br >
<table width="500" id="Tbl1" border="1" >
<tr > <td >12 </td > <td >34 </td > <td >45 </td > <td >45 </td > </tr >
<tr > <td >呵呵 </td > <td >56 </td > <td >1911 </td > <td >2 </td > </tr >
<tr > <td >12 </td > <td >55 </td > <td >1920 </td > <td >3 </td > </tr >
<tr > <td >ddd </td > <td >12 </td > <td >13 </td > <td >2356 </td > </tr >
<tr > <td >呵呵 </td > <td >55 </td > <td >1877 </td > <td >rt </td > </tr >
<tr > <td >ddeed </td > <td >11 </td > <td >12 </td > <td >hh </td > </tr >
<tr > <td >ddafd </td > <td >58 </td > <td >1988 </td > <td >77 </td > </tr >
</table >
</center >
</body >
</html >

[解决办法]
<html>

<head>
<base>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<body>

<center>
<script type="text/javascript" >

function Search(Tbl,TextValue)
{
var count=0;

HTML code

 
  &lt;html&gt;  
  &lt;head&gt;  
  &lt;title&gt;   &lt;/title&gt;  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;  
  &lt;/head&gt;  
    &lt;body&gt;  
    &lt;center&gt;  
    &lt;script type="text/javascript"&gt;  
 var showIndex = new Array("食品", "日用");  //要显示的列名 
  
     function search() 
     { 
       var keyWord = document.getElementById("ttt").value;  //关键字 
        
       var head = document.getElementById("Tbl1").tHead.rows[0];  
 
       var bodyRows = document.getElementById("Tbl1").tBodies[0].rows; 
        
       var searchCellIndexArray = new Array();  //要搜索的列的索引 
       for (var i = 0; i  &lt; head.cells.length; i++) 
       { 
 for (var j = 0; j  &lt; showIndex.length; j++) 
 { 
         if (head.cells[i].innerHTML.indexOf(showIndex[j]) &gt; -1) 
         { 
           searchCellIndexArray.push(i); 
 break; 
         } 
 } 
       } 
        
 //高亮 
       heightColumn(searchCellIndexArray); 
  
       for  (var i = 0; i  &lt; bodyRows.length; i++) 
       { 
         var currentRow = bodyRows[i]; 
         var show = false;  //是否显示该行 
          
         for (j = 0; j  &lt; searchCellIndexArray.length; j++) 
         { 
           if (currentRow.cells[searchCellIndexArray[j]].innerHTML.indexOf(keyWord) &gt; -1)  //关键字不存在，同隐藏该行 
           { 
             show = true; 
           } 
         } 
          
         if (show) 
           currentRow.style.display = ""; 
         else 
           currentRow.style.display = "none"; 
       } 
     } 
    
  
     function back() 
     { 
       var bodyRows = document.getElementById("Tbl1").tBodies[0].rows; 
       for (var i = 0; i  &lt; bodyRows.length; i++) 
       { 
         bodyRows[i].style.display = ""; 
       } 
     } 
      
 //高亮显示 
     function heightColumn(columnsIndex) 
 { 
 var bodyRows = document.getElementById("Tbl1").tBodies[0].rows; 
 for (var i = 0; i  &lt; bodyRows.length; i++) 
 { 
 for (var j = 0; j  &lt; columnsIndex.length; j++) 
 bodyRows[i].cells[columnsIndex[j]].style.backgroundColor = "#eeeeee"; 
 } 
 } 
  
  
  
    &lt;/script&gt;  
    &lt;input name="ttt" id="ttt" type="text" style="width:200" &gt;  
    &lt;input type="button" value="查找" onclick="search()" id="btFind"&gt;  
    &lt;input type="button" value="返回" onclick="back()"  id="btListAll"&gt;  
  
    &lt;br&gt;  
      &lt;table width="500" id="Tbl1" border="1"&gt;  
        &lt;thead&gt; 
          &lt;tr&gt; 
            &lt;td&gt;食品 &lt;/td&gt; 
            &lt;td&gt;日用 &lt;/td&gt; 
  &lt;td&gt;化妆品 &lt;/td&gt; 
  &lt;td&gt;体育用品 &lt;/td&gt; 
          &lt;/tr&gt; 
        &lt;/thead&gt; 
        &lt;tbody&gt; 
          &lt;tr&gt;   
            &lt;td&gt;12 &lt;/td&gt; &lt;td&gt;34 &lt;/td&gt; &lt;td&gt;45 &lt;/td&gt; &lt;td&gt;45 &lt;/td&gt;   
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;呵呵 &lt;/td&gt; &lt;td&gt;56 &lt;/td&gt; &lt;td&gt;1911 &lt;/td&gt; &lt;td&gt;2 &lt;/td&gt;    
 
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;12 &lt;/td&gt; &lt;td&gt;55 &lt;/td&gt; &lt;td&gt;1920 &lt;/td&gt; &lt;td&gt;3 &lt;/td&gt;   
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;ddd &lt;/td&gt; &lt;td&gt;12 &lt;/td&gt; &lt;td&gt;13 &lt;/td&gt; &lt;td&gt;2356 &lt;/td&gt;   
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;呵呵 &lt;/td&gt; &lt;td&gt;55 &lt;/td&gt; &lt;td&gt;1877 &lt;/td&gt; &lt;td&gt;rt &lt;/td&gt;   
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;ddeed &lt;/td&gt; &lt;td&gt;11 &lt;/td&gt; &lt;td&gt;12 &lt;/td&gt; &lt;td&gt;hh &lt;/td&gt;   
          &lt;/tr&gt;  
          &lt;tr&gt; 
            &lt;td&gt;ddafd &lt;/td&gt; &lt;td&gt;58 &lt;/td&gt; &lt;td&gt;1988 &lt;/td&gt; &lt;td&gt;77 &lt;/td&gt;   
          &lt;/tr&gt;  
        &lt;/tbody&gt; 
      &lt;/table&gt;  
      
    &lt;/body&gt;  
  &lt;/html&gt;

非常着急限制表格列操作~解决办法

热点推荐