<select>筛选<table>的简单实现

//-----------付款方式的显示
 
       function showselect(){
       var num=$(selectmodel).selectedIndex;
       var trarray=$("tablebody").getElementsByTagName("tr");
       //--------------显示所有tr
       for(var i=0;i<trarray.length;i++){
       trarray[i].style.display="";
       }
      
      switch(num)
   {
   case 1:for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[7].innerHTML.trim()!="货到付款")
   {trarray[i].style.display="none";}
   }
     break
   case 2:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[7].innerHTML.trim()!="款到付货")
   {trarray[i].style.display="none";}
   }
     break
      case 3:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[7].innerHTML.trim()!="预付款到付货")
   {trarray[i].style.display="none";}
   }
     break
   default: 
   break
   }

       }

//-----------处理状态的显示
 
       function showstatus(){
       var num=$(selectstatus).selectedIndex;
       var trarray=$("tablebody").getElementsByTagName("tr");
       //--------------显示所有tr
       for(var i=0;i<trarray.length;i++){
       trarray[i].style.display="";
       }
      
      switch(num)
   {
   case 1:for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="未处理")
   {trarray[i].style.display="none";}
   }
     break
   case 2:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="未发货")
   {trarray[i].style.display="none";}
   }
     break
      case 3:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="已发货")
   {trarray[i].style.display="none";}
   }
     break
        case 4:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="预付款到")
   {trarray[i].style.display="none";}
   }
     break
        case 5:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="已付款")
   {trarray[i].style.display="none";}
   }
     break
        case 6:
    for(var i=0;i<trarray.length;i++){
   if(trarray[i].cells[9].innerHTML.trim()!="已了结")
   {trarray[i].style.display="none";}
   }
     break
   default: 
   break
   }
       }