php利用表格敬将所选择的数据显示出来,如何利用jquery 实现表格的简单筛选

JQuery的选择器的强大之处，让我们能救这么简单的实现客户端的简单筛选。最后加一句关于表格筛选有JQuery插件提供 下面我们就来看一款如何利用jquery 实现表格的简单筛选吧。

jquery的选择器：

1：$("# tr")选择表格的所有行；

2：not(":first")：除去第一行表头行；

3：filter(":contains('" + filtertext + "')"):从上面所选择的行里面筛选出行文本中包含filtertext 的行显示出来；

4：最后加一句keyup()是为了在提交后重新触发keyup事件。(但是在这里没有作用因为我用的客户端控件没有viewstate

若是服务器端控件就会看见他的作用)。

jquery的选择器的强大之处，让我们能救这么简单的实现客户端的简单筛选。最后加一句关于表格筛选有jquery插件提供

下面我们就来看一款如何利用jquery 实现表格的简单筛选吧。

$(function() {

$("#text1").keyup(function() {

var filtertext = $(this).val();

$("# tr").not(":first").hide().filter(":contains('" + filtertext + "')").show();;

}).keyup();

});

前面代码

$(function() {

$("#text1").keyup(function() {

var filtertext = $(this).val();

$("# tr").not(":first").hide().filter(":contains('" + filtertext + "')").show();;

}).keyup();

});

datakeynames="orderid" datasourceid="sqldatasource1"

horizontalalign="left" pagesize="50" >

sortexpression="orderid" insertvisible="false" />

sortexpression="customerid" />

sortexpression="employeeid" />

sortexpression="orderdate" />

sortexpression="requireddate" />

sortexpression="shippeddate" />

sortexpression="shipvia" />

sortexpression="freight" />

connectionstring=""

selectcommand="select top 50 * from [orders]">