如何使用html从JSON文件中选择数据

时间:2018-11-04 19:12:27

标签: java html css json

我有一个问题,我不知道如何从JSON文件中选择html中的特定数据。 html文件使用xhttp作为json,然后解析数据。目前,我可以在表格中显示页面上json中的所有信息,如下所示。有没有办法制作一个html菜单或下拉框,以便可以从所有数据中选择特定的日期,或者进行几个不同的过滤器并以某种方式过滤数据?

我正在尝试仅选择某些比赛日,例如图像2,但我希望能够在我希望看到的项目上添加选项,例如按团队或按日期进行筛选,这可能吗? 任何帮助,谢谢

html

data in json file

1 个答案:

答案 0 :(得分:0)

您可以使用jquery函数过滤器(http://api.jquery.com/filter/)或grep(http://api.jquery.com/jquery.grep/)。 明天,因为我现在正在使用智能手机,所以我将提供一个工作示例。 使用javascript:https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_filter看这个示例。

这是您可以执行的操作:只保留“比赛日1”的比赛,就可以像这样过滤结果的回合数组

for no, i := 10, 1; i <= 10 && no <= 19;i,no = i + 1, no + 1 {
    fmt.Printf("%d * %d = %d\n", no, i, no*i)
}

enter image description here