如何在添加元素时获取元素的值并推入数组

Question

详细信息：

所以我正在尝试创建一个管理面板，在产品部分，我只有一个元素（带有类form-group form-row），其中包含3个输入（即Item，Quantity和price）在其下方，有一个添加按钮，该按钮添加另一个元素（类为form-group form-row）

并且已经为该字段声明了变量和数组

let CustomerName;
let CustomerAddress;
let CustomerNumber;
let CustomerType;
let itemsNumber = 1;
let items = [];
let quantities = [];
let prices = [];
let timeNdate;

我想要什么：在“保存销售”按钮上单击我想从每行（未附加或未附加）中将Item输入值添加到items[]数组中

以及类似的数量和价格

请对此提供帮助！

Answer 1

据我了解您的问题，基本上，您想将输入到每个单独的数组（项目，数量和价格定义的数组）中的项目，数量和价格的值正确吗？]

[您可以做一件事，可以在向每个元素的DOM ID添加后缀，作为添加行并保存存在的行数（计数）的后缀。

因此，最初只存在一行，所以count = 1且该项目的输入ID为item-1。

类似地，如果单击添加按钮，则将计数增加到2，现在将有两个输入的ID为['item-1'和'item-2']

单击保存按钮时，您可以使用count变量来知道存在多少行。您只需要遍历输入并获取其中的值即可。例如

for( let i=0 ; i<count ; i++){
    items.push($("item-"+i).val());
    quantities.push($("quantities-"+i).val());
    prices .push($("prices-"+i).val());
}

现在，这种类型的解决方案非常幼稚，可以通过解析整个div并获取子元素并从中获取值来解决，但这只会使它变得非常复杂。由于您只是根据行索引来操作DOM id，并使用jquery fetch从中访问值，因此上述解决方案将能够平稳高效地工作。您也可以使用document.getElementById("item-1").value

希望有帮助！考虑一下，然后编写代码。