Witam,
mam listę produktów którą wyświetlam za pomocą php foreach, przy każdym produkcie jest możliwość wyboru rozmiaru jak i sztuk:
<?php foreach ($produkty_w_kategorii as $produkt): ?>
<input type="hidden" class="id_produktu" name="id_produktu" value="<?php echo $produkt->id?>">
<input type="radio" class="rozmiar" name="rozmiar" value="L" > L
<input type="radio" class="rozmiar" name="rozmiar" value="XL"> XL
<input type="text" class="sztuk" name="sztuk" placeholder="Ilość szt" value="1">
<button class="formsubmit">Dodaj</button>
<?php endforeach ?>
I mam do tego taki kod js:
<script>
$(document).ready(function(){
$('.formsubmit').click(function(){
$.post(" <?php echo base_url('produkty/koszyk'); ?> ",
{id_produktu: $('.id_produktu').val(), rozmiar: $('.rozmiar').val(), sztuk: $('.sztuk').val()},
function(data){
$('#response').html(data);
}
);
});
});
</script>
I niestety kod ten działa w ten sposób że odczytuje dane (np wybrany rozmiar) tylko z pierwszego produktu wygenerowanego przez foreach i dodaje go do koszyka
Przy każdym produkcie jest taki formularz i przycisk jednak każdy przycisk tak jak by pobiera dane zawsze pierwszego produktu. Np jeśli zaznaczę inny rozmiar przy produkcie numer 1
a przycisk dodaj kliknę przy produkcie numer 3 to w koszyku jest tylko produkt nr 1 z wybranym rozmiarem.
Procedura samego dodawania do koszyka jest poprawna ponieważ działał poprawnie tylko że z przeładowaniem strony, a chce wyeliminować to przeładowanie.
Mam nadzieję że zrozumiecie o co mi chodzi :)