Sven Mintel
Mitglied
Auf Nachfrage eine Ergänzung:
Falls man nicht will, dass die zu klonenden Elemente am Ende des Formulars eingefügt werden, sondern lediglich im Anschluss an die geklonten Elemente, weil man bspw. am Ende des Formulars weitere Elemente benötigt, welche immer am Ende stehen, aber nicht geklont werden sollen, verschachtelt man das ganze ein wenig weiter und fügt den Clon ans Ende des zusätzlichen Elternknotens ein anstatt ans Ende des Formulars:
Falls man nicht will, dass die zu klonenden Elemente am Ende des Formulars eingefügt werden, sondern lediglich im Anschluss an die geklonten Elemente, weil man bspw. am Ende des Formulars weitere Elemente benötigt, welche immer am Ende stehen, aber nicht geklont werden sollen, verschachtelt man das ganze ein wenig weiter und fügt den Clon ans Ende des zusätzlichen Elternknotens ein anstatt ans Ende des Formulars:
Code:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function clone_this(objButton)
{
if(objButton.parentNode)
{
tmpNode=objButton.parentNode.cloneNode(true);
target=objButton.parentNode.parentNode;
target.appendChild(tmpNode);
for(j=0;j<target.lastChild.childNodes.length;++j)
{
if(target.lastChild.childNodes[j].type=='text')
{
target.lastChild.childNodes[j].value='';
break;
}
}
objButton.value="entfernen";
objButton.onclick=new Function('f1','this.parentNode.parentNode.removeChild(this.parentNode)');
}
}
//-->
</script>
</head>
<body>
<form>
<div>
<div>
<input type="text" name="textfeldname[]"><br>
<input type="button" value="noch eins" onclick="clone_this(this)">
</div>
</div>
<input type="submit">
</form>
</body>
</html>