[AJAX][PHP]Pętla Foreach oraz wywołanie zmiennej przez ajax Opcje

[hejkumkejkum]

Mam sobie w pętli w PHP wygenerowany form z polami input ukrytymi do przesłania $_POSTem.
Chciałem się dobrac do nich poprzez ajax.

Na przykład coś takiego

[HTML] pobierz, plaintext 
<form class="sss_dodaj_class" action="" method="post">
			<input type="hidden" id="sss_product_id" name="sss_product_id" value="<?php echo $id; ?>" />
			<input type="hidden" id="sss_action"  name="sss_action" value="dodaj" />
			<input type="image" name="dodaj" class="sss_podsumowanie_dodaj" value="dodaj" title="dodaj"/>
</form>
 
 
<form class="sss_dodaj_class" action="" method="post">
			<input type="hidden" id="sss_product_id" name="sss_product_id" value="<?php echo $id; ?>" />
			<input type="hidden" id="sss_action"  name="sss_action" value="dodaj" />
			<input type="image" name="dodaj" class="sss_podsumowanie_dodaj" value="dodaj" title="dodaj"/>
</form>
 
<form class="sss_dodaj_class" action="" method="post">
			<input type="hidden" id="sss_product_id" name="sss_product_id" value="<?php echo $id; ?>" />
			<input type="hidden" id="sss_action"  name="sss_action" value="dodaj" />
			<input type="image" name="dodaj" class="sss_podsumowanie_dodaj" value="dodaj" title="dodaj"/>
</form>
[HTML] pobierz, plaintext 

Problem polega na tym, że obecnie w pętli mam tylko clasy, czyli nie mam się jak odwołać do każdego form z osobna.
I po wywołaniu

[HTML] pobierz, plaintext 
jQuery(".sss_dodaj_class").click(function(){
[HTML] pobierz, plaintext 

Za każdym razem zwróci ten sam wynik, czyli prawdopodobnie elementu pierwszego z pętli.
W jaki sposób zrobić, żeby to działało jak należy.
Wiem, że mogę do pętli dodać zmienną $i=0 $i++ i dodać to do class "sss_dodaj_class<?php echo $i; ?>"
Ale może istnieje lepszy sposób?
Jak to ugryźć?

Ten post edytował hejkumkejkum 2.01.2014, 02:54:06

[bostaf]

Problem polega na tym, że obecnie w pętli mam tylko clasy, czyli nie mam się jak odwołać do każdego form z osobna.
I po wywołaniu

[HTML] pobierz, plaintext 
jQuery(".sss_dodaj_class").click(function(){
[HTML] pobierz, plaintext 

Za każdym razem zwróci ten sam wynik, czyli prawdopodobnie elementu pierwszego z pętli.
W jaki sposób zrobić, żeby to działało jak należy.

Jest OK. To co zrobiłeś w jQuery powoduje przypięcie do każdego elementu z klasą sss_dodaj_class (czyli do 3 formularzy) obsługi zdarzenia click. Każdy z tych detektorów jest świadomy swojego położenia - wie, do którego formularza należy. Dla przykładu, jeśli umieścisz w tamtej funkcji obsługi zdarzenia taką instrukcję:

[JAVASCRIPT] pobierz, plaintext 
jQuery(".sss_dodaj_class").click(function(){
    var a = $("input[name='sss_product_id']", this);
    alert(a.val());
});
[JAVASCRIPT] pobierz, plaintext 

... to klikając gdziekolwiek wewnątrz tych trzech formularzy otrzymasz wartość (to co ustawiasz w atrybucie value, ze zmiennej PHP $id) odpowiedniego inputa o nazwie sss_product_id. Dzieje się tak bo selektor this dokładnie określa z którego formularza został wywołany (tak jak pisałem - jest "świadomy" swojego położenia).

Jeśli chcesz zrezygnować a określania elementów za pomocą ich atrybutów (class, name, itd) to przyjąwszy, że struktura formularzy jest stała, możesz odwołać się do kolejności elementów i wykorzystać funkcję jQuery eq(), która pozwoli Ci wybrać konkretny element z zestawu inputów:

[JAVASCRIPT] pobierz, plaintext 
jQuery(".sss_dodaj_class").click(function(){
    var a = $(this).find('input').eq(0); // 0 - pierwszy ze znalezionych inputów, 1 - drugi, ...
    alert(a.val());
});
[JAVASCRIPT] pobierz, plaintext 

Metoda inna ale efekt identyczny.
Jak poczytasz rozdział o selektorach (http://api.jquery.com/category/selectors/) to odkryjesz jeszcze więcej sposobów.