Aver no he empleado nada de codigo AJAX, solo javascript...no se si te servirá...
Lo que hago es en una tabla vacia pulsando un boton añado filas...
Código HTML:
<script type="text/javascript">
function addfila(){
x=document.getElementById('lineas').title;
fila="linea"+x;
elemento=document.getElementById('texto').value;
document.getElementById(fila).innerHTML=elemento;
x2=parseInt(x)+1;
document.getElementById('lineas').title=x2;
codHTML=document.getElementById('lineas').innerHTML
nchar=codHTML.length;
///////
//Es extraño la primera vez la etiqueta <tbody> ocupa 8 chars y despues 7 ¿¿¿???nose porque...
if (x==1) codHTML=codHTML.substring(8,nchar-8); //Extraigo del codigo la etiquetas <tbody> y </tbody>
else codHTML=codHTML.substring(7,nchar-8); //Extraigo del codigo la etiquetas <tbody> y </tbody>
///////
codHTML=codHTML+"<tr><td id='linea"+x2+"'></td></tr>";
document.getElementById('lineas').innerHTML=codHTML;
}
</script>
<input type="text" id="texto"/>
<input type="button" value="añadir fila" onclick="javascript:addfila();"/>
<table id="lineas" title="1">
<tr>
<td id="linea1">
</td>
</tr>
</table> Si hay que hacer consulta a una BD o algo asi entonses ya ajax, pero no creo que cambiara mucho la cosa...
espero servirte de ayuda,
Saludos
