Aumentar o disminuir cantidades en Carrito de Compras

[marx-pola]

Hola a todos! Tengo la siguiente duda con un listado de un carrito de compras.
En el listado aparecen todos los productos que voy seleccionando. Cada uno muestra la cantidad que se ingresó y al lado hay un campito, un input con un + y un - el cual incrementa o decrece la cantidad del mismo.
El problema es que de la manera en que lo tengo armado solo afecta al PRIMER producto. Si selecciono el 5º producto cargado y le agrego con el + se carga el primer input.
Les muestro el codigo:

Código PHP:

   <form name="a<?php echo $v['identificador'] ?>" method="post" action="carro_actualiza.php?<?php echo SID ?>" id="a<?php echo $v['identificador'] ?>"> 
    <tr bgcolor="<?php echo $color[$contador%2]; ?>" class='prod'>  
      <td><?php echo $v['cod_articulo'] ?></td> 
      <td><?php echo $v['categoria'] ?></td> 
      <td><?php echo $v['linea'] ?></td> 
      <td><?php echo number_format($v['precio'], 2, ',', ' ') ?></td> 
      <td><?php echo $v['cantidad'] ?></td> 
      <td>  
        <input name="cantidad" type="text" class="prod" id="cantidad" value="<?php echo $v['cantidad'] ?>" size="6"> 
        <input name="cod_articulo" type="hidden" id="cod_articulo" value="<?php echo $v['cod_articulo'] ?>"> 
        <input name="cod_categoria" type="hidden" id="cod_categoria" value="<?php echo $v['cod_categoria'] ?>"></td> 
      <td> 
      <table> 
        <tr> 
          <td><a href="#" onclick="document.getElementById('cantidad').value = parseInt(document.getElementById('cantidad').value) + 1" title=""><img src="cantmas.png" width="12" height="6" border="0"></a></td> 
        </tr> 
        <tr> 
          <td><a href="#" onclick="document.getElementById('cantidad').value = parseInt(document.getElementById('cantidad').value) - 1" title=""><img src="cantmenos.png" width="12" height="6" border="0"></a></td> 
        </tr> 
      </table> 
      </td> 
      <td><?php echo number_format($subto, 2, ',', ' ') ?></td> 
      <td><a href="carro_borrar.php?<?php echo SID ?>&cod_articulo=<?php echo $v['cod_articulo'] ?>&cod_categoria=<?php echo $v['cod_categoria'] ?>"><img src="trash.gif" width="12" height="14" border="0"></a></td> 
      <td><input name="imageField" type="image" src="actualizar.gif" width="20" height="20" border="0"></td> 
  </tr></form>  

Y los datos del formulario vienen para acá y se actualizan en este archivo:

Código PHP:

  session_start(); 
extract($_REQUEST); 
 
    include('conectar.php'); 
 
    // conexion a la base 
    $conexion = mysql_connect($host_db, $usuario_db, $pass_db) or die ("no se ha podido conectar a la BD"); 
    mysql_select_db($base_db, $conexion) or die ("no se ha podido seleccionar la BD"); 
 
if(!isset($cantidad)){$cantidad=1;} 
 
$qry=mysql_query("SELECT * FROM producto WHERE cod_articulo='".$cod_articulo."' AND cod_categoria='".$cod_categoria."'"); 
$row=mysql_fetch_array($qry); 
 
$_SESSION['carro'] 
 
if(isset($_SESSION['carro'])) 
$carro=$_SESSION['carro']; 
$carro[md5($cod_articulo)]=array('identificador'=>md5($cod_articulo),'cantidad'=>$cantidad,'unidad'=>$row['unidad'],'categoria'=>$row['categoria'],'linea'=>$row['linea'],'precio'=>$row['precio'],'cod_articulo'=>$cod_articulo,'cod_categoria'=>$cod_categoria); 
$_SESSION['carro']=$carro; 
header("Location:carrito.php?".SID);  
   

Lo que no entiendo es xq al presionar sobre src="actualizar.gif" me modifica individualmente cada fila y con los botones + y - solo la PRIMER fila.

¿Me podían dar una mano por favor?
Muchas gracias y saludos.
MArx.

[marx-pola]

¿Alguna sugerencia para aumentar o disminuir una cantidad con javascript?