Mam następujący problem: mam formularz z polem wyboru SELECT, który ma identyfikator tablicowy, dlatego że mają być generowane select'y dynamicznie, są wyciągane dane z pomocą json. W przypadku zmiany select'a pole INPUT zmenia swoją wartość.

Obecnie mam w formularzu:

[HTML] pobierz, plaintext 
<select class="selectField">
        <option>Wybierz</option>
         .....
    </select>
 
    <input class="inputField" type="text" />
 
   <script type="text/javascript">
        $(document).ready(function() {
 
            $('select.selectField').change(function() {
                $.getJSON('ajax.php', {option: $(this).val()}, function(data) {
                    $('input.inputField').val(data.inputValue);
 
                });
            });
 
        });
    </script>
[HTML] pobierz, plaintext 

Zmienna SELECT "selectField'" po zmianie swojej wartości, zasysa przez json'a z pliku ajax.php dane, zwraca je do pola INPUT "inputValue".

Nie ma problemu, jeżeli pole SELECT i INPUT nie są oznaczone jako zmienne tablicowe, jak w powyższym kodzie. Jak zmodyfikować ten kod, aby można było zmieniać powyższe wpisy? Tak aby można było zmieniać pole SELECT "selectField[x]", które zmieni pole INPUT "inputValue[x]".

Chciałbym aby powyższy kod mógł zadziałać z poniższymi polami formularza

[HTML] pobierz, plaintext 
<select class="selectField[1]">
        <option>Wybierz</option>
         .....
    </select>
 
    <input class="inputField[1]" type="text" />
[HTML] pobierz, plaintext 

Myślę że napisałem dobrze o czym myślę

Z góry dziękuję za wszelką pomoc!