Hola Selena, no he tenido mucho tiempo para perfeccionar el código pero con el que te paso ya te puedes hacer una idea y mejorarlo.
<?php
function mostrarProductos () {
$link = mysql_connect("localhost", "root","");
mysql_select_db("bd", $link);
$c = mysql_query ("select * from Producto where codigop='$codigo'") or die(mysql_error());
$select = "";
while ($res = mysql_fetch_array($c)) {
$select .= "<option value ='".$res['codigop']."'>".$res['codigo'] ."</option>";
}
return $select;
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo formulario</title>
<script language="javascript" type="text/javascript">
var indiceFilaFormulario=1;
function addPerson(){
myNewRow = document.getElementById("tablaFormulario").insertRow(-1);
myNewRow.id=indiceFilaFormulario;
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td> <input size='10' type='text' name='codigo["+indiceFilaFormulario+"]' ><?=mostrarProductos(); ?></td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td> <input size='20' type='text' name='nombre["+indiceFilaFormulario+"]' ></td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input size='6' type='text' name='cant["+indiceFilaFormulario+"]' id='cant"+indiceFilaFormulario+"' onKeyUp='fncActualizar("+indiceFilaFormulario+")'</td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input size='7' type='text' name='precio["+indiceFilaFormulario+"]' id='precio"+indiceFilaFormulario+"' onKeyUp='fncActualizar("+indiceFilaFormulario+")'</td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input size='10' type='text' name='sub["+indiceFilaFormulario+"]' id='sub"+indiceFilaFormulario+"' value='0'> </td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input class='red' type='button' value='-' onclick='removePerson(this)' ></td>";
indiceFilaFormulario++;
}
function removePerson(obj){
var oTr = obj;
while(oTr.nodeName.toLowerCase()!='tr'){
oTr=oTr.parentNode;
}
var root = oTr.parentNode;
root.removeChild(oTr);
}
var total;
function fncActualizar(indiceFilaFormulario)
{
var total = document.getElementById("total");
var subt=document.getElementById("sub");
var iva=document.getElementById("iva");
subt.value=0;
for (i=1;i<=indiceFilaFormulario;i++){
var sub = document.getElementById("sub"+i);
var precio = document.getElementById("precio"+i);
var cant = document.getElementById("cant"+i);
sub.value=parseInt(precio.value)*parseInt(cant.value);
subt.value=parseInt(subt.value)+parseInt(sub.value);
}
total.value=parseInt(subt.value)+(parseInt(subt.value)*parseInt(iva.value)/100);
};
</script>
</head>
<body>
<form action="formu.php" name="formulario" method="post">
<table width="603" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="3" align="center"> </td>
</tr>
<tr>
<td colspan="3">
<table width="600" align="center" cellpadding='3' cellspacing='3' bgcolor="#91E3FB" id="tablaFormulario" style="border:#CBDDEB">
<tr bgColor='#95C6F7'>
<td width="69"><div align="center"><strong>Codigo </strong></div></td>
<td width="147"><div align="center"><strong>Nombre</strong></div></td>
<td width="87"><div align="center"><strong>Precio</strong></div></td>
<td width="85"><div align="center"><strong>Cantidad</strong></div></td>
<td width="89"><div align="center"><strong>Sub-Total</strong></div></td>
<td width="58"><div align="center"><strong>Eliminar</strong></div></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input name="button" type="button" onClick="addPerson()" value="Agregar"></td>
</tr>
<tr>
<td><div align="right"><strong>Sub-Total</strong></div></td>
<td><div align="right">
<input size='10' type='text' name="sub" id="sub" onKeyDown='fncActualizar' value='0'>
</div></td>
<td> </td>
</tr>
<tr>
<td><div align="right"><strong>Iva</strong></div></td>
<td><div align="right">
<input size='10' type='text' name="iva" id="iva" onKeyDown='fncActualizar' value='0'>
</div></td>
<td><div align="right"></div></td>
</tr>
<tr>
<td width="435"><div align="right"><strong>Total</strong></div></td>
<td width="93">
<div align="right">
<input size='10' type='text' name="total" id="total" onKeyDown='fncActualizar' value='0'>
</div></td>
<td width="73">
<div align="right"></div></td>
</tr>
</table>
</form>
</body>
</html>
