mostrar valores de suma de 2 array

[sam9021]

Hola Alexis88 y mpozo trate con tu codigo pero no obtuve resultados

les explico a detalle, tengo un formulario en el cual previamente yo recibo una variable $n, lo que hago es hacer bucle while a los elementos del formulario :

Código HTML:

<form name="captura" method="post" action="" >
  <input type="hidden" name="n" value=<?php  echo $n;?>/> 
  <table>   
<tr>
    <td>No</td> 
    <td>FICHA</td>
        <td>SERIE</td>
        <td>DATO1</td>
    <td>DATO2</td>
        <td>SUMA</td>    
     
</tr>
<tr>
<?php
///////////Hago la consulta a mi BD para traer previamente FICHA Y SERIE
$enlistar = $obj->consultar_f($ficha);
$row = mysql_fetch_array($enlistar);
$ficha_master=$row['ficha'];
$serie=$row['serie'];
 
$cantidad=1;
while($cantidad <= $n) {
?>
    <td><?php echo $cantidad; ?></td>   
    <td><?php echo $ficha_master . $cantidad;?></td>
        <td><?php echo $serie; ?></td>
    <td><input type="text" id="dato1" name="dato1[]" value="0" size="12"></td>
        <td><input type="text" id="dato2" name="dato2[]" value="0" size="12"  onblur='ope()'></td>  
    <td><div  id="test" name="test[]" > </div></td>
    
<?php 
$cantidad++;
   }
?>
</table>
</form>
 

y la funcion ope:

Código Javascript:

<script language="javascript" type="text/javascript">
function ope()
{  
var a= document.getElementsByName('dato1[]');
var b= document.getElementsByName('dato2[]');
var sum = [];
for (i=0; i<a.length; i++)
{
sum[i]=(parseFloat(a[i].value))+(parseFloat(b[i].value));
}//for
document.getElementById('test').innerHTML=sum;
}//function
</script>
 

lo que no logro hacer es separar los elementos del array en los diversos div que se estan ciclando como la imagen que envie mas arriba.
De favor su apoyo muchisimas gracias