имеется страница с полями вот код и скрин
<table class="table-bordered table-striped table">
<tr>
<th class="col-sm-2">Код товара</th>
<th class="col-sm-5">Название</th>
<th class="col-sm-2">Стомость, грн</th>
<th class="col-sm-2">Количество, шт</th>
</tr>
<?php foreach ($itemsList as $item):?>
<tr>
<td><?php echo $item['code']; ?></td><!--code of product-->
<td>
<a href="/product/<?php echo $item['id'];?>"><?php echo $item['name'];?></a>
</td><!-- link on product -->
<td><?php echo $item['price'] . $item['currency'];?></td><!--price-->
<td>
<input class="form-control amountOfGoods" data-productId="<?php echo $item['id'] ?>"
type="number" value="<?php echo $products[$item['id']]; ?>">
</td><!--amount-->
<?php endforeach; ?>
</tr>
<tr style="border: 2px solid darkorange">
<td colspan="3"><h4 style="color: darkorange">Общая стоимость:</h4></td>
<td>
<?php echo $total; ?>
</td>
</tr>
</table>
Если коротко, то в каждом поле есть количество товара, которые можно изменить. Идея в том, что при изменении поля в js файл попадает id и количество товара. вот js код
$(document).ready(function () {
$(".amountOfGoods").on('change', getInfo);
});
function getInfo(){
let productId = $(this).attr('data-productId');
let productAmount = $(this).val();
let productInfo = {};
productInfo[productId] = productAmount;
console.log(productInfo);
}
В итоге, должен получиться ассоциативный массив вида
{productId : productAmount}
в котором хранится окончательная информация о ид товаров и их количестве. Желаемый результат почти получен, но проблема в том, что значения попросту переписываются, таким образом хранится информация лишь об одном товаре. метод push тут не работает.
грубо говоря нужно просто получить значения input с количеством товара и записать в массив. Неужели это никак нельзя сделать? Учтите что количество инпутов может быть разным, т.к. выводится все из базы данных...