0

我有一个 HTML 表，它像这样从 MySQL 数据库中提取...

ID  NAME             COST    POSITION  SCORE
1   John Johnson     4.5     Mid       28
2   Mark Markson     6.1     Atk       41
3   Larry Lawrenson  5.6     Def       38    
4   Paul Paulson     5.4     Mid       32

ETC...

我希望在此表顶部有一个搜索框，它会根据您输入的内容立即过滤数据（即时 - 如在，无需按下提交框或任何东西）。例如，如果您Mid在搜索框中输入，则只会出现上述用户中的 2 个，其余用户将被隐藏。

我尝试用谷歌搜索“spotlight search php”，但我发现的所有搜索都像 google.com 或 apple.com 风格，它为您提供搜索列表，而不是过滤屏幕上已经存在的表格。

这看起来很有希望......它会做我想做的事吗？

有没有人有任何提示或链接到这样做的地方？或者即使我称它为正确的名字。另外，如果我的问题不清楚，请告诉我，我会尽力澄清。

4

2 回答 2

1

我相信这就是您正在寻找的。

http://www.datatables.net/release-datatables/examples/basic_init/zero_config.html

dataTables 将搜索当前的 html 表，并仅显示与搜索词匹配的行（不区分大小写）。默认情况下启用排序。您可以将其配置为根本不排序。

于 2013-03-13T03:55:32.777 回答
0

是的，您引用的文章应该完成您正在寻找的内容。

你也可以考虑使用jQuery Autocomplete 插件来回调你的服务器。服务器可以使用来自适当行的数据来响应该查询。

于 2013-03-13T01:10:05.023 回答