如何將特定數據從JSON文件解析到html下拉菜單

Question

JSON文件

嗨，我在上面顯示的json文件中有30多個比賽日，我想知道如何將JSON文件中的數據解析為html文件，並在下拉菜單中選擇要過濾的內容比賽日或按團隊進行過濾，是否有可能做到這一點，或者我是否考慮得過長，我有文件解析數據並將json文件的所有結果顯示到表格中，如下所示， html文件顯示了所有比賽日

我想知道是否有辦法按特定球隊或比賽日篩選這些結果？ 任何幫助表示感謝

接收json數據的html文件

Answer 1

下面的代碼段將幫助您完成工作。

var json = '{"name":"EnglishPremierLeague2015","rounds":[{"name":"Matchday1:","matches":[{"date":"2015-08-08","team1":{"key":"manutd","name":"ManchesterUnite","code":"MUN"},"team2":{"key":"tottenham","name":"TottenhamHotspu","code":"TOT"},"scorer":1,"score2":0}]},{"name":"Matchday2:","matches":[{"date":"2015-08-09","team1":{"key":"India","name":"IndianCricketTeam","code":"IND"},"team2":{"key":"England","name":"EnglandCricketTeam","code":"ENG"},"scorer":1,"score2":0}]}]}';

var data = JSON.parse(json);

// Filter by Match Day
var filter = $(data.rounds).filter(function () { 
    return this.name == "Matchday1:";
})

// Test Case :)
if (filter.length == 1) {
    console.log("Filter working")
}

var filterbyTeam = $(data.rounds).filter(function () {
    return this.matches.filter(function (e) {
        return e.team1.key == "India" || e.team2.key == "India";
    }).length >= 1;
})

// Test Case :)
if (filterbyTeam.length == 1) {
    console.log("Filter working")
}

此代碼將獲得帶有過濾器的JSON數組，您可以將其進一步用於顯示HTML。

注意：您需要根據需要傳遞過濾器文本。 您也可以更改屬性以過濾特定數據。

希望這會有所幫助:)