通过下拉选择更改数组值

Changing array values through drop down selection

本文关键字:数组 选择      更新时间:2023-09-26

我正在尝试使用下拉菜单操作分数网格。每次我添加新的战斗结果时,之前的结果都会从网格中删除。我不确定这是由于我如何循环和显示网格,还是因为数组在此服务器上的存储方式。

这是我在服务器上存储数据的方式:

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/

它是一个

网格还是一个分数数组? 如果您删除上一个结果,它只是一个数组。 如果这是问题所在,请使用"push"将新记录添加到网格中。

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()
};