追加和推入数组时如何获取元素的值

Question

详情：

所以我正在尝试创建一个管理面板，在产品部分，我有一个包含 3 个输入（即 Item、Quantity 和 price）的元素（带有 class form-group form-row）在其下方，有一个添加按钮，它添加了另一个元素（使用 class 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

据我了解你的问题，您想获取输入到每个数组（项目、数量和价格定义的数组）中的 Items、Quantities 和 Price 的值对吗？

你可以做一件事，你可以在每个元素的 DOM id 中添加一个后缀，作为添加行时的后缀并保存存在的行数（计数）。

所以一开始只有一行，所以 count = 1 并且项目的输入 ID 为 item-1。

同样，如果您单击添加按钮，将计数增加到 2，现在将有两个 ID 为 ['item-1' 和 'item-2']

的项目输入

当您单击“保存”按钮时，您有一个计数变量来了解当前有多少行。您只需要遍历输入并获取其中存在的值。例如

for( let i=1 ; 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

希望对您有所帮助！想了想就码了。

追加和推入数组时如何获取元素的值

How to get value of elements when appended and push in array

html

javascript

css

jquery

admin