Salve amigos!
Tenho um 'foreach' que renderiza uma lista de produtos. Nesse foreach tenho um 'form' que, quando submetido deveria via POST submeter os values dos campos(id_produto e quantidade).
O problema é que ao submeter ele sempre envia os dados da ultima posicao renderizada pelo foreach.
Gostaria de saber também qual o melhor caminho para submeter de forma assincrona esse POST e também manipular o DOM fazendo com que o item que já fora submetido não seja mais renderizado. Na minha cabeça vizualizo um atributo que determina isso através de uma condicional no foreach. Porém gostaria de fazer 'assincronamente'.
Obrigado
<div class="row">
<?php
$margem = 1.8;
$produtos = listaProdutos();
foreach ($produtos as $produto) :
?>
<!-- Card do produto -->
<div class="col-lg-3 col-sm-4 col-xs-6">
<!--Card-->
<div class="card">
<!--Imagem-->
<div class="view overlay hm-white-slight">
<img src="imagens/produto/uva-verde.png" class="img-overlay img-fluid" alt="">
<a href="#!">
<div class="mask"></div>
</a>
</div>
<!--/.Imagem-->
<!--Card content-->
<div class="card-deck">
<!--Nome-do-Produto-->
<h4 class="card-title"><?php echo $produto->nome_produto; ?></h4>
<!--Descrição-->
<p style="font-size: large" class="card-text">R$ <strong><?php echo number_format($produto->preco_custo*$margem,2,',','.'); ?></strong> | <?php echo $produto->unidade; ?></p>
<form action="cesta-adiciona-item-session.php" method="post">
<?php if($produto->unidade == "Kg"){ ?>
<select style="padding: 2%; width: 20%" name="quantidade">
<option selected="selected">0</option>
<option> 0,5 </option>
<option> 1 </option>
<option> 1,5 </option>
<option> 2 </option>
<option> 2,5 </option>
<option> 3 </option>
</select>
<?php } else { ?>
<select style="padding: 2%;" name="quantidade">
<option selected="selected"> 0 </option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
</select>
<?php } ?>
<input type="hidden" name="id_produto" value="<?php echo("$produto->id_produto"); ?>" >
<br><button type="submit" class="btn btn-md btn-primary btn-flat">Colocar na cesta</button>
<div class="read-more">
<p class="card-text"><br></p>
</div>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
<!--/.Card do produto -->
<?php
endforeach;
?>
</div>