[jQuery] Kilka formularzy na tej samej stronie, Takie same znaczniki, uniwersalność działania Opcje

[markonix]

Witam

Problem dosyć krótki i najlepiej na przykładzie:

[HTML] pobierz, plaintext 
<form>
<input type="hidden" name="za_sztuke">
<input type="text" name="ilosc">
<input type="text" name="cena">
</form>
 
<form>
<input type="hidden" name="za_sztuke" title="Tu ustalona będzie cena, różna za każdym razem">
<input type="text" name="ilosc" title="Tu wpisze user ilość">
<input type="text" name="cena" title="Tu wyświetli cene"> 
</form>
[HTML] pobierz, plaintext 

Chce napisać kalkulator. Wykorzystam funkcje val() itp. i nie ma problemu dopóki na stronie nie pojawi się kilka tych samych formularzy o zbliżonej strukturze bez komplikowania sprawy różnymi id czy classami.
Jak mam odnieść się do jednego konkretnego formularza w jquery? Gdy wpiszę ilość w drugim formularzu to pobierze wartość 'ilosc' z drugiego, jak z pierwszego to z pierwszego.

Próbowałem z funkcją .next() np. .next(input[name=ilosc]) ale ta funkcja nie działa tak jakbym chciał, widocznie ma inne zastosowanie.

Oczekiwany rezultat osiągnąłem dzięki "eq" i index ale opieranie się o indeksy (po wpisaniu ilości pobiera wartość z inputu o index mniejszy o 1, i wpisuje wynik w input o index + 1) wydaje mi się mocno przekombinowanym sposobem i nie do końca uniwersalnym bo nie przewiduje innych pól pomiędzy i wymaga ustalania konkretnych indeksów, a ilość kodu jest bardzo spora.

Moje pytanie jak odnieść się do "aktywnego" (czyli coś analogicznego "this") formularza?

[sebekzosw]

$form = $(this).parent(); (aktywny formularz)

albo $('ID_FORM input[name=ilosc]').val();

można kombinować...

(nie wiem czy to działa!:

$(this.target).closest("form");

)

[markonix]

$form = $(this).parent(); (aktywny formularz)

albo $('ID_FORM input[name=ilosc]').val();

można kombinować...

(nie wiem czy to działa!:

$(this.target).closest("form");

)

Dzięki za pomoc ale jednak to nie to (nie działało albo po prostu nie umiałem tego zastosować).
Wykluczyłem też drugie "albo" bo chciałem zachować jak największą uniwersalność (bez nadawania ID każdemu z form).

Dla potomnych:

[PHP] pobierz, plaintext 
function price_refresh(form) {
  var cena,sztuk,price;
  cena = $(form).find('[name=cena_za_sztuke]').val(); // hidden input
  sztuk = $(form).find('[name=sztuk]').val();
  price = cena * sztuk;
    $(form).find('[name=c_price]').attr('value', price); // wyświetl cenę
}
 
$(document).ready(function(){
  $("input[name=sztuk]").keyup(function(){
       var form = this.form;
       price_refresh(form);
  });
});  
[PHP] pobierz, plaintext 

Wykorzystałem funkcję find. Przy zmianie wartości inputu "sztuk" wykonuje się funkcja price_refresh z argumentem "this.form".

Dam "Pomógł" żeby oznaczyć jako rozwiązane (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował markonix 16.09.2010, 19:34:16