jquery表格筛选

最新推荐文章于 2024-06-03 10:06:46 发布

iteye_18991

最新推荐文章于 2024-06-03 10:06:46 发布

阅读量101

点赞数

分类专栏： jquery 文章标签： jQuery HTML ViewUI

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function(){
    $("#wc").change(function(){
        $("#jd tbody tr")
            .hide()
	   .filter(":contains('"+( $(this).val() )+"')")
	   .show();
    }).change();
})

<font size="2" color="#0000FF">工序筛选：</font>
<select id="wc">
<option value="">全部</option>
<option>剪折冲</option>
<option>喷塑</option>
<option>下料</option>
<option>抛光</option>
<option>冲折</option>
<option>打弯</option>
</select>

<table id="jd" class="datalist" width="100%">
<thead>
  <tr>
    <td width="5%" align="center" background="images/list.jpg"><font color="#004D73">订单号</font></td>
    <td width="18%" align="center" background="images/list.jpg"><font color="#004D73">订单内容</font></td>
    <td width="12%"  align="center" background="images/list.jpg"><font color="#004D73">物料名称</font></td>
    <td width="4%"  align="center" background="images/list.jpg"><font color="#004D73">单位</font></td>
    <td width="6%"  align="center" background="images/list.jpg"><font color="#004D73">工序</font></td>
    <td width="4%" align="center"  background="images/list.jpg"><font color="#004D73">加工数</font></td>
    <td width="10%" align="center"  background="images/list.jpg"><font color="#004D73">要求完工日期</font></td>
    <td width="10%" align="center"  background="images/list.jpg"><font color="#004D73">实际开始日期</font></td>
    <td width="10%" align="center"  background="images/list.jpg"><font color="#004D73">实际完工日期</font></td>
    <td width="20%" align="center"  background="images/list.jpg"><font color="#004D73">完成情况描述</font></td>
  </tr>
</thead>  
<tbody>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >上摆臂    </td>
    <td width="4%" align="center" >只</td>
    <td width="6%" align="center" >冲折</td>
    <td width="4%" align="center" >12</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >下摆臂    </td>
    <td width="4%" align="center" >只</td>
    <td width="6%" align="center" >冲折</td>
    <td width="4%" align="center" >12</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >圆管摆臂    </td>
    <td width="4%" align="center" >只</td>
    <td width="6%" align="center" >打弯</td>
    <td width="4%" align="center" >6</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >托盘    </td>
    <td width="4%" align="center" >块</td>
    <td width="6%" align="center" >剪折冲</td>
    <td width="4%" align="center" >3</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >滑道连接板    </td>
    <td width="4%" align="center" >块</td>
    <td width="6%" align="center" >剪折冲</td>
    <td width="4%" align="center" >3</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >导向轮底板    </td>
    <td width="4%" align="center" >只</td>
    <td width="6%" align="center" >剪折冲</td>
    <td width="4%" align="center" >6</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >安装垫板    </td>
    <td width="4%" align="center" >块</td>
    <td width="6%" align="center" >剪折冲</td>
    <td width="4%" align="center" >12</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >立柱    </td>
    <td width="4%" align="center" >根</td>
    <td width="6%" align="center" >抛光</td>
    <td width="4%" align="center" >6</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >托盘    </td>
    <td width="4%" align="center" >块</td>
    <td width="6%" align="center" >喷塑</td>
    <td width="4%" align="center" >3</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >滑道    </td>
    <td width="4%" align="center" >根</td>
    <td width="6%" align="center" >喷塑</td>
    <td width="4%" align="center" >3</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
  <tr onmousemove="this.bgColor='#FFFF99';" onmouseout="this.bgColor='#ffffff';">
    <td width="5%" align="center" >82683</td>
    <td width="18%" align="left" >漳州金龙客车有限公司<br>双内摆门泵总成-6745J13C中门</td>
    <td width="12%" align="left" >上摆臂    </td>
    <td width="4%" align="center" >只</td>
    <td width="6%" align="center" >喷塑</td>
    <td width="4%" align="center" >12</td>
    <td width="10%" align="center" >2009年8月18日20时</td>
    <td width="10%" align="center" ></td>
    <td width="10%" align="center" ></td>
    <td width="15%" align="left" ></td>
  </tr>
</tbody>
</table>

iteye_18991

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery表格筛选

[code="jquery"]$(function(){ $("#wc").change(function(){ $("#jd tbody tr") .hide() .filter(":contains('"+( $(this).val() )+"')") .show(); }).change();})[/co...
复制链接

扫一扫

专栏目录