从json文件中解析的html表中过滤数据

时间:2017-03-13 16:58:08

标签: javascript json

我有一个html文件,可以创建一个从json文件填充的表。这是样本:

http://prototypingtools.co/TEST/index.html

这是JSON:

http://prototypingtools.co/TEST/tools.json

我想在页面顶部添加一个过滤器,您可以在其中选择您感兴趣的值,然后相应地在相同的表格中显示结果。

但我不知道如何做到这一点(尽量保持简单,不使用插件)。

有任何建议或指示吗?

1 个答案:

答案 0 :(得分:0)

我会在输入框中输入用户输入名称,然后在用户点击“过滤”按钮时添加一些脚本:

function filterByName(list, name) {
  return list.filter(function(item) {
    return (item.Name === name); 
  }
}