[SOLUCIONADO] problema con valor de select array

[mavercom]

Estimados, tengo el siguiente problema, tengo este codigo el cual muestra el resultado de una busqueda de productos los cuales debo ingresarlos o no a un carro de compras, los productos los muestro con un while dentro de una tabla, tengo tantas cantidades de select y botones como productos encontrados

la tabla me muestra la siguiente informacion:
subcategoria, descripcion producto, Cantidad (select), Agregar al carro(Boton)

el problema es que no logro enviar el valor especifico de un select con su boton espécifico a una funcion en javascript

Funcion javascript

Código:

function pp(cod, cod2){
//cod: es el id del producto
//cod2: es la cantidad seleccionada
alert(cod);
alert(cod2);
}

Codigo

Código HTML:

<table>
<?php
$x=0;
do{
	
?>
  <tr>
    <td><?php echo $row_SCATEGORIAS['scate_nombre'];?></td>
    <td><?php echo $row_SCATEGORIAS['prod_descripcion'];?></td>
    <td><select name="cantidad[]" id="cantidad[]" class="form-control input-sm">
      <option value="1" selected>1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select></td>
    <td><button type="button" onClick="pp(<?php echo $row_SCATEGORIAS['prod_id'];?>,document.getElementById('cantidad[]').value);" data-placement="top" title="Agregar al Carro"></button>
  </tr>
<?php
$x=$x+1; 
} while ($row_SCATEGORIAS = mysql_fetch_assoc($SCATEGORIAS));}
?>  
</table> 

[Alexis88]

El problema está en que el id no debe de repetirse y al trabajar como lo estás haciendo, solo tomas al primero de todos los <select>.

Lo que debes de hacer es buscar al <select> que se encuentre en la misma fila del botón, para lo cual tendrías que acceder primero al elemento que contiene al botón, que es la celda, luego, al que contiene a la celda, que es la fila, y luego buscarías dentro de ella al <select>. Para acceder al elemento padre de un elemento en particular, debes de usar la propiedad parentNode.

Eso debería de quedar así:

Código HTML:

onclick = "pp(
    '<?php echo $row_SCATEGORIAS[\'prod_id\']; ?>',
    this.parentNode.parentNode.querySelector('select').value
)"
 

[mavercom]

Gracias Alexis, me solucionastes el problema