Javascript 如何编写用于表筛选的脚本

Javascript 如何编写用于表筛选的脚本,javascript,php,jquery,filter,Javascript,Php,Jquery,Filter,我对网页设计/代码相当陌生,我正试图找出/学习如何编写脚本来执行我的表过滤器。我发现这在PHP中是最容易做到的,因为所有数据都来自表本身(而不是MySQL数据库) 下面是一个带有测试表的HTML示例和一些我想实现的过滤器,但我一直在编写PHP脚本时遇到问题,这将正常工作 (我在自己的网站上上传了示例) 无论如何,如果有人能帮我解决这个问题,我将不胜感激!编写示例或解释如何/做什么。任何事都比感激更重要 尝试使用jquerydataTable()。 你可以参考下面的链接 您有3种数据过滤方法 如

我对网页设计/代码相当陌生,我正试图找出/学习如何编写脚本来执行我的表过滤器。我发现这在PHP中是最容易做到的,因为所有数据都来自表本身(而不是MySQL数据库)

下面是一个带有测试表的HTML示例和一些我想实现的过滤器,但我一直在编写PHP脚本时遇到问题,这将正常工作


(我在自己的网站上上传了示例)


无论如何,如果有人能帮我解决这个问题,我将不胜感激!编写示例或解释如何/做什么。任何事都比感激更重要

尝试使用jquery
dataTable()
。 你可以参考下面的链接


您有3种数据过滤方法

如果默认情况下过滤了该表,并且未加载所有数据,则采用(1)(2)

如果每次加载整个表,请使用(3)


方法 (1)服务器端,重新加载页面:用户检查过滤器,然后单击提交按钮。您将获得所有选中的过滤器并将其发送到PHP。在服务器端,检索过滤器并重新生成查询(SQL或其他)

(2)服务器端,使用:完全相同的机制,但您可以通过AJAX请求将过滤器发送到PHP,等待响应,删除表并使用新数据重新生成表

(3)客户端,仅使用JavaScript:当用户检查过滤器时,触发更改事件并隐藏表中匹配的元素


一些提示 对于(2)(3)方法,可能非常有用

对于方法(3),您可以使用库。此处:


对于方法(1),如果在您的情况下,数据在PHP数组中,那么您有很多函数可以在过滤器的函数中操作该数组。这里:。

check out是一个很好的插件,可以对表客户端进行排序。如果您不需要重新发明轮子,它是一个易于编程的数据网格,您可以使用它作为基础并自定义您喜欢的方式查看jqgrid,或者如果您喜欢一些Javascript,可以查看任何框架,如ExtJS、Knockout.js、Angular.js