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:

  1. <select class="selectField">
  2. <option>Wybierz</option>
  3. .....
  4. </select>
  5.  
  6. <input class="inputField" type="text" />
  7.  
  8. <script type="text/javascript">
  9. $(document).ready(function() {
  10.  
  11. $('select.selectField').change(function() {
  12. $.getJSON('ajax.php', {option: $(this).val()}, function(data) {
  13. $('input.inputField').val(data.inputValue);
  14.  
  15. });
  16. });
  17.  
  18. });
  19. </script>

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

  1. <select class="selectField[1]">
  2. <option>Wybierz</option>
  3. .....
  4. </select>
  5.  
  6. <input class="inputField[1]" type="text" />

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

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