La verdad tenes un lio importante y es muy complicado explicarlo asi q te pego el codigo derecho, de lo que creo querias hacer, si necesitas saber mas avisa
Código Javascript
:
Ver original$(document).ready(function(){
function sumarImportes(){
var total = 0;
$('input.importe').each(function(index){
total += parseFloat($(this).val()?$(this).val():0);
});
$('#amt_due').val(total.toFixed(2));
}
var max_fields = Infinity; //maximum input boxes allowed
var wrapper1 = $(".input_fields_wrap1");
var add_button1 = $(".add_field_button1"); //Add button
var x = 0; //initlal text box count
$(add_button1).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper1).append('<div id="contenedor"><input type="text" value="'+x+'" size="5"> <input type="text" name="prod['+x+'][detalle]" size="60"/> N/S: <input type="text" name="prod['+x+'][serie]" size="40"/> P.Unit: <input type="text" name="prod['+x+'][cantidad]" class="importe" size="10"/><input class="remove_field" type="button" value="- Eliminar" /></div>'); //add input box
}
});
$(wrapper1).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault();
$(this).parent('div').remove();
sumarImportes();
x--;
});
$(wrapper1).on("blur","input.importe", function(e){
sumarImportes();
});
});