filas e input tpe text indefinidos

[k1r02]

Que tal amigos.
Necesito crear un formulario (que ya lo tengo) dentro de un tabla y que pueda agreagar filas e input type text segun la necesidad del usuario
y tambien necesito saber como agregar filas a la tabla sin que se pierda la información que ya capturó el usuario.

algo asi:

| Fecha del Depósito | Numero de ficha | Banco | [+] [-]

|________________|______________|_______| <----- si el usuario desea agreagar un nuevo registro solo de click en [+] y se creee otra fila con los mismos 3 input type text
Estos input deben manejarse con diferente nombre para despues dentro de un ciclo for meterlos a una tabla en una BD

Agradeceré infinitamente su ayuda

[Ronruby]

Lo de agregar las filas con hacer clic en el [+] lo puedes hacer con Javascript.
Y para diferenciar las filas, puedes usar los nombres de los input tipo array:

<input type="text" name="foo[]" />
<input type="text" name="foo[]" />

Para recorrer los valores, solamente seria hacer un bucle:
foreach($_POST['foo'] as $key => $value) {
//blah blah blah
}

[k1r02]

El problema es que no soy muy bueno con el javascript y he encontrado una funcion javascript navegando por la web mira:
ya lo probe y si funciona el detalle es que el nombre del objeto (input) no cambia
entonces los valores al momento de meterlos en la BD siguen siendo los mismos del primer input.

<table border="0" id="base" width="100%">
<tr class="celda">

<td width="20%" style="padding:3px;"></font>Cuenta</td>
<td width="20%" style="padding:3px;"></font>Producto</td>
<td width="15%" style="padding:3px;">Fecha de compra</td>
<td width="15%" style="padding:3px;">Cantidad</td>
<td width="30%" style="padding:3px;">&nbsp;</td>
<td>
<input type="button" class="boton" value="[+]" onClick="addNewRow(event)" alt="Adicionar">&nbsp;
<input type="button" class="boton" value="[-]" onClick="removeLastRow(event)" alt="Remover">
</td>
</tr>
<tr id="example" class="celda">

<td>
<input id='account_name1' size="10" name='456' type='text'></td>

<td style='padding:3px;'><input id='123' size="10"name='product_name1' type='text' ></td>

<td>
<select class="combo" name="operator[]" id="opera">
<option value="January">Enero</option>
<option value="January">Febrero</option>
<option value="in">Marzo</option>
<option value="notin">Abril</option>
<option value="notin">Mayo</option>
<option value="Diciembr">Junio</option>
<option value="in">Julio</option>
<option value="notin">agosto</option>
<option value="Diciembr">Septiembre</option>
<option value="in">Octubre</option>
<option value="notin">Noviembre</option>
<option value="">Diciembre</option>

</select>
</td>
<td>
<input name="values[]" type="text" size="10" id="value">
<input type="hidden" name="btnAction" value="next">
</td>
<td>&nbsp;</td>
</tr>
</table>

<script type="text/javascript" language="JavaScript">

function addNewRow(){
var TABLE = document.getElementById("base");
var TROW = document.getElementById("example");

var content = TROW.getElementsByTagName("td");
var newRow = TABLE.insertRow(-1);
newRow.className = TROW.attributes['class'].value;
insertLOselect(content,newRow);

var newRow2 = TABLE.insertRow(-1);
newRow2.className = TROW.attributes['class'].value;
//window.alert(nueva fila);
//window.alert(content);
copyRow(content,newRow2);
}
function removeLastRow() {
var TABLE = document.getElementById("base");
if(TABLE.rows.length > 2) {
TABLE.deleteRow(TABLE.rows.length-1);
TABLE.deleteRow(TABLE.rows.length-1);
}
}

function appendCell(Trow, txt) {
var newCell = Trow.insertCell(Trow.cells.length)
newCell.innerHTML = txt
}

function copyRow(content,Trow) {
var cnt = 0;
for (; cnt < content.length; cnt++) {
appendCell(Trow, content[cnt].innerHTML);
}
}

function insertLOselect(content,Trow) {
var cnt = 0;
for (; cnt < content.length-1; cnt++) {
appendCell(Trow, '&nbsp;');
}
}
</script>

[GatorV]

Tema trasladado desde PHP