Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczne dodawanie elementów w formularzu?
Forum PHP.pl > Forum > Po stronie przeglądarki
lutar
Witam, chciałbym zrobić formularz wystawiania faktury na stronie. Myślałem o tym żeby dynamicznie dodawać kolejne pozycje w tej fakturze (np. będzie to pole tekstowe) po naciśnięciu odpowiedniego przycisku. Jeśli ktoś podsunąłbym mi pomysł jak to zrobić byłbym wdzięczny.
revyag
To co chcesz zrobić dzieje się po stronie przeglądarki, więc przenoszę do bardziej odpowiedniego działu.
gekon
Było m.in. tu: http://forum.php.pl/index.php?showtopic=44...66&#entry244266
merle
  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3. i=0;
  4. function wstaw() {
  5. i++;
  6. var tekst = document.createTextNode('pole '+i+': ');
  7. var input = document.createElement('input' );
  8. input.setAttribute('type', 'text');
  9. input.setAttribute('name', 'p'+i);
  10. input.setAttribute('size', '4');
  11. var br = document.createElement('br');
  12. var div = document.createElement('div');
  13. div.appendChild(tekst);
  14. div.appendChild(input);
  15. div.appendChild(br);
  16. document.getElementById('pola').appendChild(div);
  17.  
  18.  
  19.  
  20.  
  21. }
  22. // ]]> -->
  23. <script type="text/javascript">
  24. <!-- <![CDATA[
  25. j=0;
  26. function wstaw2() {
  27. j++;
  28. var tekst = document.createTextNode('polee '+j+': ');
  29. var input = document.createElement('input');
  30. input.setAttribute('type', 'text');
  31. input.setAttribute('name', 'a'+j);
  32. var br = document.createElement('br');
  33. var div = document.createElement('div');
  34. div.appendChild(tekst);
  35. div.appendChild(input);
  36. div.appendChild(br);
  37. document.getElementById('pola2').appendChild(div);
  38. }
  39. // ]]> -->
  40.  
  41. <form action="index5.php" method="post">
  42. <p><input type="button" value="wstaw nowe pole" onclick="wstaw(),wstaw2()" /></p>
  43. <TD><div id="pola">
  44. </div></TD>
  45. <TD><div id="pola2" >
  46. </div></TD>
  47. <p><input type="submit" value="wyślij pola" /></p>
  48. </form>



tak na wszelki wypadek jakby ktos potrzrebowal
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.