Mam taki kod:
<script type="text/javascript"> $(window).load(function() { $("#button2").click(function() { var user_id = $('input[name=user_id]').val(); var cat = $('input[name=cat]').val(); var id = $('input[name=id]').val(); $.ajax({ url: 'funkcje.php', data: { funkcja: "2", cat: cat, id: id, user_id: user_id }, type: 'POST', success: function(output) { $("#wyniki").append(output); } }); }); }); </script>
Następnie wyświetlam w pętli wyniki z bazy danych:
{ { $owner_name = mysql_fetch_array(mysql_query("SELECT * FROM `tablica_users` WHERE `id` =".$gielda['owner'])); echo ' <tr class="'.$gielda['cat'].'"> <td><center>'.$owner_name['name'].'</td> <td><center>'.$owner_name['user'].'</td> <td><center><input type="button" id="button2" value="KUPUJE" /></td> <input type="hidden" name="id" value="'.$gielda['id'].'" /> </tr> '; } }
Chodzi o to, że jak kliknę w button "KUPUJE" tylko przy 1 wyświetlonym wyniku, to prawidłowo wykonuje AJAXA.
Drugi, albo kolejny wyświetlony w pętli wynik i przy nim "KUPUJE" nie powoduje żadnej reakcji.
Jak zrobić, żeby AJAX czytał te dane:
<input type="button" id="button2" value="KUPUJE" /></td>
<input type="hidden" name="id" value="'.$gielda['id'].'" />
stosownie do każdego wyświetlonego w pętli wyniku?