Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dodawanie Inputów nie przez link tylko przy kliknieciu na ostatni
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
grOm
Witam,

nie znam prawie wcale JS ale napisałem coś takiego :

  1. <tbody id="cechy">
  2. <tr>
  3. <td>Cecha produktu</td>
  4. <td>Wartosc</td>
  5. </tr>
  6. <tr>
  7. <td><input size="50" name="cecha[]"></td>
  8. <td><input size="30" name="wartosc[]"></td>
  9. </tr>
  10. <a href="#" onClick="dodaj()">+ Dodaj ceche</a>



  1. function dodaj()
  2. {
  3. var el1,el2;
  4. var cel = document.getElementById("cechy");
  5.  
  6. var tr;tr = document.createElement('tr');
  7. var td;td = document.createElement('td');
  8. var td2;td2 = document.createElement('td');
  9.  
  10. el1 = document.createElement('input');
  11. el1.setAttribute('type', 'text');
  12. el1.setAttribute('name', 'cecha[]');
  13. el1.setAttribute('size', '50');
  14. el2 = document.createElement('input');
  15. el2.setAttribute('type', 'text');
  16. el2.setAttribute('name', 'wartosc[]');
  17. el2.setAttribute('size', '30');
  18.  
  19. cel.appendChild(tr);
  20. tr.appendChild(td);
  21. td.appendChild(el1);
  22. tr.appendChild(td2);
  23. td2.appendChild(el2);
  24.    
  25. }


i nawet działa ale w miarę jedzenia apetyt rośnie i chciałbym żeby inputy pojawiały się nie po przez kliknięcie w link ale przy wpisaniu albo kliknięciu w input który pojawił się ostatni.
Np wpisuje wartości do inputa i wtedy pojawia się niżej kolejny, bo nie wiem ile ktoś cech będzie chciał wpisać jedną 10 albo 20.
Dzięki z góry
piotrooo89
proszę.

  1. function dodaj()
  2. {
  3. var el1,el2;
  4. var cel = document.getElementById("cechy");
  5.  
  6. var tr;tr = document.createElement('tr');
  7. var td;td = document.createElement('td');
  8. var td2;td2 = document.createElement('td');
  9.  
  10. el1 = document.createElement('input');
  11. el1.setAttribute('type', 'text');
  12. el1.setAttribute('name', 'cecha[]');
  13. el1.setAttribute('size', '50');
  14. el1.setAttribute('onfocus', 'dodaj()');
  15. el2 = document.createElement('input');
  16. el2.setAttribute('type', 'text');
  17. el2.setAttribute('name', 'wartosc[]');
  18. el2.setAttribute('size', '30');
  19.  
  20. cel.appendChild(tr);
  21. tr.appendChild(td);
  22. td.appendChild(el1);
  23. tr.appendChild(td2);
  24. td2.appendChild(el2);
  25. }
  26.  
  27. <tbody id="cechy">
  28. <tr>
  29. <td>Cecha produktu</td>
  30. <td>Wartosc</td>
  31. </tr>
  32. <tr>
  33. <td><input size="50" name="cecha[]" onfocus="dodaj()"></td>
  34. <td><input size="30" name="wartosc[]"></td>
  35. </tr>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.