Witam, mam mały problem a jestem zielony z js i ajax.
Stworzyłem aktywny formularz, w którym można dodawać i usuwać linijki.
Nazwy są w postaci nazwa[] czyli tworzy się tablica nazw.
Mam problem z wywołaniem funkcji pobierającej dane z bazy.
Ogólnie działa ale tylko dla pierwszej linii w formularzu.

Funkcja wygląda tak:

[PHP] pobierz, plaintext 
$(document).ready(function() {		
 
           $('select.ilosc').change(function() {
              $.getJSON('pobierz_cene.php', {ilosc: $(this).val()}, function(data) {
                    $('input.okno_cena').val(($('input.ukryta_cena').val()*data.inputValue).toFixed(2));
					$('input.ukryta_ilosc').val(data.inputValue);
					sumaCena();
               });
           });
 
        });
[PHP] pobierz, plaintext 

select w formularzu wygląda tak

[PHP] pobierz, plaintext 
echo '<select name="uslugi[]" class="uslugi">';
echo '<option value="0" selected="selected">Wybierz usługę</option>';
while($usluga = mysql_fetch_assoc($zapytanie)) {
  echo '<option value="'.$usluga['id_services'].'">'.$usluga['name'].'</option>';
}
echo '</select>';
 <input style="width: 40px;" id="okno_cena[]" class="okno_cena" value="0.00"/>
[PHP] pobierz, plaintext 

Funkcja działa ale wszystkie pola input.okno_cena zmieniają się jednocześnie. Funkcja działa tylko dla pierwszego selecta.

Problem w tym, że funkcja ta operuje na całej klasie a nie pojedynczym obiekcie okno_cena.
Jak to zmienić?