Simon: Formulare Erweitern

SELF-Forum

Formulare Erweitern

Simon
– Informationen zu den Bewertungsregeln

Und gleich noch eine Frage...

Ich habe ein Formular, welches ich auf "Knopfdruck" um weitere Eingabefelder erweitern möchte.

Ich habe bisher nur document.write() gefunden bin mir aber nicht sicher ob ich damit auf der richtigen Spur bin...?

Mein Formular ist ganz simpel:

<form ...>

<table>
<tr><td>text</td><td><input type="text" name="name[]" value=""></td></tr>
</tabl>

nun würde ich gerne per klick auf eine Grafik in die zweite Spalte ein zweites Textfeld ereugen...

Jemand einen Tipp für mich?

Besten Dank!!!

  • Simon
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Formulare Erweitern

    derletztekick Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Simon,

    Jemand einen Tipp für mich?

    Mit createElement erzeugst Du Deine gewünschten Felder; appendChild() setzt sie dann an die gewünschte Stelle.

    Mithilfe von innerHTML kannst Du selbiges auch erreichen.

    Mit freundlichem Gruß
    Micha

    --
    LeagueEditor JavaScript kostenlose Ligaverwaltung || richtig Messen will gelernt sein
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Formulare Erweitern

      Simon
      – Informationen zu den Bewertungsregeln

      Hallo Micha,

      besten Dank! Hab es mit innerHTML gelöst.

      Hier noch ein kleines Beispielscript welches ich schnell zum Testen gebaut habe:

      <?PHP  
print "  
  <html>  
  <head>  
  <title>Test</title>  
  <script type='text/javascript'>  
  
  var NeuZwei = \"<br><input type='text' name='email[]' value=''>\";  
  
  function Mehr () {  
    document.getElementById('eingabe').innerHTML += NeuZwei;  
  }  
  
  </script>  
  </head>  
  <body>\n";  
  
  for($i=0; $i<sizeof($email); $i++) {  
    print "Zeile: ".$i." - ".$email[$i]."<br>";  
  }  
  
print "  
  <form method='post' action='java.php' target=''>  
  <table border='0' width='500'>  
  <tr>  
    <td valign='top'>Text:</td>  
    <td valign='top' id='eingabe'><input type='text' name='email[]' value=''></td>  
    <td valign='top'><a href='javascript:Mehr()'>mehr Eingabefelder</a></td>  
  </tr>  
  </table>  
  <input type='Submit' name='' style='{width:150;}' value='Senden'>  
  </form>  
  </body>  
  </html>\n";  
?>

      Gruss

      • Simon
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln