通過下拉菜單選擇更改數組值

Question

我正在嘗試使用下拉菜單操縱分數網格。每當我添加新的戰鬥結果時，前面的結果都會從網格中刪除。我不確定這是由於我如何循環顯示網格或由於數組如何存儲在此服務器上。

這是怎麼了存儲服務器上的數據：

app.post("/postScores", function(req , res){ 
    res.setHeader("Content-Type", "application/json"); 

    var results = [ 
    [req.body.e, "x", req.body.f, req.body.g], 
    [req.body.h, req.body.i, "x", req.body.j], 
    [req.body.k, req.body.l, req.body.m, "x" ] 
    ]; 
    res.json(results); 

    res.end(); 

}); 

這裏是我正在試圖操縱它在客戶端：

https://jsfiddle.net/Amidi/egp1hst3/9/

Answer 1

這是一個網格或一組分數？如果刪除previus結果，它只是一個數組。如果這個問題使用「推」來添加一個新的記錄到您的網格。

var arrayScores = []; 

$(function(){ 
$("#btnAddResults").click(_doAddResult); 
}); 

function _doAddResult() 
{ 
var result = [ 
$("#drop1").val(), 
$("#drop2").val(), 
$("#drop3").val() 
]; 

arrayScores.push(result); 
} 

如果你想使用OOP添加元素不是數組

var result = { 
drop1: $("#drop1").val(), 
drop2: $("#drop2").val(), 
drop3: $("#drop3").val() 
};