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;"> </td>
<td>
<input type="button" class="boton" value="[+]" onClick="addNewRow(event)" alt="Adicionar">
<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> </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, ' ');
}
}
</script>