JavaScript Schnipsel weiteres Textfeld hinzufügen

Mai 7, 2009
{lang: 'de'}

Ich war selbst Ewigkeiten auf der Suche, nach einem Script womit ich in einem Formular unter PHP auf Knopfdruck eine weitere Textarea hinzufügen kann (so viele man haben möchte). Nach langem Suchen bin ich dann auch fündig geworden und will es keinem vorenthalten.

  1. <script type="text/javascript"><!--
  2. var i=1;
  3. function NeuesFeld()
  4. {
  5. i=i+1;
  6.  
  7. var row = document.getElementById("videotable").insertRow( document.getElementById("videofeld").rowIndex+i+1 );
  8. var cell = row.insertCell( 0 );
  9.  
  10. var text = document.createTextNode( 'Feld ' + (i) );
  11. cell.appendChild( text );
  12.  
  13. cell = row.insertCell( 1 );
  14.  
  15. var input = document.createElement( 'input' );
  16. input.type = 'text';
  17. input.name = 'nummer[]';
  18. input.size = 38;
  19. cell.appendChild( input );
  20.  
  21. }
  22. // --></script>
  23. <?php
  24. echo "<form action=\"?ausgabe\" method=\"post\">";
  25. echo "<table id=\"videotable\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\" width=\"650\" align=\"center\">
  26. <tbody>
  27. <tr>
  28. <td><a href=\"\">Neues Feld einfügen</a></td>
  29. </tr>
  30. <tr>
  31. <td width=\"25%\">Feld 1</td>
  32. <td width=\"75%\"><input name=\"nummer[]\" size=\"38\" type=\"text\"></td>
  33. </tr>
  34. <tr>
  35. <td width=\"25%\"></td>
  36. <td width=\"75%\"></td>
  37. </tr>
  38. <tr>
  39. <td width=\"25%\"></td>
  40. <td width=\"75%\"></td>
  41. </tr>
  42. </tbody></table>
  43. <input type=\"submit\" value=\"Feld\" /> </form>";
  44.  
  45. ?>

Verwandte Themen

  • Keine verwandten Themen

Leave a Reply

You must be logged in to post a comment.