✔ Per Javascript weiteres Eingabefeld einfügen.

[Pullmann]

Hallo,

stehe vor folgendem Problem in einem Formular.

Es gibt die Eingabemöglichkeit Prüfung jetzt ist das ding das man
mehrere Prüfungen gemacht haben kann. Es muss also einen Link geben
der ein neues Eingabefeld erstellt damit ich eine 2te,3te... Prüfung eingeben kann.
Und einen Link dann auch der ein Feld wieder löschen kann...

Wie kann ich sowas machen ?

 

[Sven Mintel]

Du könntest als erstes mittels cloneNode() eine "Kopie" des vorhandenen Eingabefeldes erstellen.
Diese Kopie kannst du dann per appendChild() in das Formular "einhängen".

Um ein Eingabefeld wieder zu entfernen, bietet sich die Methode removeChild() an.

Nen Beispiel dazu findest du in diesem Thread

 

[Pullmann]

Danke genau das meinte ich

 

[Pullmann]

So ich habe es hinbekomen das ich hinzufügen und löschen kann.


Ich Clone eine Tabelle die nicht hidden ist da ich das so benötige ....
Aber wie kann ich es jetzt machen das der Löschenbutton nicht bei der ersten Spalte angezeigt werden darf oder nicht die Löschen Funktion aufrufen darf....

Ich habe diese Funktionen und diese Tabelle:

function clone_this(button, objid){
    // Tabelle innerhalb des DIVs mit ID "new_passage" clonen
    // Achtung: Es dürfen keine Zeichen zwischen dem DIV- und dem TABLE-Tag stehen!
    var clone_me = document.getElementById(objid).firstChild.cloneNode(true);

    // Im Parent-DIV vor dem Kindknoten "button" einhängen
    button.parentNode.insertBefore(clone_me, button);
}

function remove_this(objLink)
{
objLink.parentNode.parentNode.parentNode.parentNode.parentNode.removeChild(objLink.parentNode.parentNode.parentNode.parentNode);
}

  <div id="new_passage"><table name="cloneTable"> 
    <tr> 
      <td>test</test><td> 
      <input type="text" name="test[]"></input> 
      </td> 
      <td rowspan="2"><a href="#" onclick="javascript:remove_this(this); return false;">LÖSCHEN</a> 
      </td>    
    </tr> 
      <td>test2</test> 
     <td><input type="text" name="test2[]"></input></td> 
    </tr> 
  </table></div> 
<div> 
  <input value="mehr" onclick="javascript:clone_this(this, 'new_passage');"  type="button"> 
  </input> 
</div>

Wie kann ich denn abfragen ob es die erste ID ist die ich löschen will....

 

[Sven Mintel]

Wie kann ich denn abfragen ob es die erste ID ist die ich löschen will....

Frage ab, ob die Tabelle, die du löschen willst, das firstChild des <div> ist.