Moin Moin,

ich habe eine Frage an die JS-Freunde:

wie kann ich mittels JS ( Klick auf Button) eine neue Zeile an das Tabellenende anfügen? 1 Tabelle mit 1 Zeile zum Daten eingeben vorhanden.

Der bisherige Versuch klappt zwar gut aber er kopiert mir den Inhalt (value) mit der in der bestehenden Formularzeile steht und das soll er ja nicht. Wie mache ich das am besten?

Zitat

<script type="text/javascript">
<!--
function addRow(strID){
// Zweite Tabellenzeile clonen
var objRowNode = document.getElementById(strID).getElementsByTagName('tr')[1].cloneNode(true);
// An das Ende des TBODYs einhängen
document.getElementById(strID).appendChild(objRowNode); /* strID*/

<button onclick="return addRow('tbodyID');">Weitere eingeben</button>

Karsten

return false;
}
//-->
</script>

Oder gibt es eine bessere Lösung?

Gruß
ede

Müssen es Tabellen sein? Einfach nur ein weiteres Input-Feld anfügen ist rel. einfach via innerHTML:

Code

<a href="#" onclick="addInput(); return false;">add input field</a><br /><br /> 
 
<form> 
	Name: <input type="text" name="fName" /><br /><br /> 
 
	<div id="inp"></div> 
 
</form> 
 
 
<script type="text/javascript"> 
 
function addInput() { 
	var old = document.getElementById('inp').innerHTML; 
	document.getElementById('inp').innerHTML = old + "more: <input type='text' name='foo[]' value='' /><br /><br />"; 
} 
 
</script> 

DOM + Tabellen sind halt etwas mühsamer...

hi ganesh,

die Tabelle dient im HG als "Designmittel". Die Formularzeile besteht aus mehr Elementen als "nur" ein Textfeld.