[SOLUCIONADO] Ejecutar funcion javascript tipo array

[Briss]

Hola a todos tengo la siguiente funciòn

Código HTML:

		function calcularSub()
{
var canti=document.forms["cant[]"];
var pre=document.forms["p[]"];
var sub=canti*pre;
document.forms["st[]"].value=sub;
document.formularioCanasta.st.focus();
}

la cual me calcula el subtotal... funciona en html, pero al querer pasarla a php dentro de while (ya que necesito que se ejecute de acuerdo a una consulta) solo lo hace una vez...

Código PHP:

  <?php do { ?> 
<?php  
 echo "<input type='text' name='p[]' id='p' value='';>"; 
      echo "<input type='tex' name='cant[]' id='cant' value=''; onKeyUp='calcularSub();' >"; 
            echo "<input type='tex' name='st[]'  id='st' value='';>"; 
?> 
    
 <?php } while ($row_consulta= mysql_fetch_assoc($consulta)); ?>   

No he ejecutado ninguna funcion javascript en php que tenga input array ... asì que no sè si estoy bien o no (al no funcionar deduzco que no xD )... ojala me puedan apoyar gracias :)

[Triby]

Ya que estás asignando ID a los inputs, estos deberían ser únicos y trabajar con esas ID en Javascript:

Código Javascript:

function calcularSub(num) {
    var canti = document.getElementById('cant' + num).value;
    var pre = document.getElementById('p' + num).value;
    document.getElementById('st' + num).value = canti * pre;
    // No tiene sentido la siguiente línea, deberías desactivar el campo
    // Para que no lo modifiquen y, de paso, hacer también el cálculo en PHP al procesar
    document.getElementById('st' + num).focus();
}
 

Código PHP:

$num = 1;
do {
    echo <<<EOT
        Si necesitas algún elemento de row_consulta lo incluyes así:
        Columna: {$row_consulta['columna']}
        <input type="text" name="p[]" id="p$num" value="" />
        <input type="text" name="cant[]" id="cant$num" value="" onchange="calcularSub($num);" />
        <input type="text" name="st[]" id="st$num" value="" readonly />
EOT; // Esta línea no debe tener sangría
 } while ($row_consulta= mysql_fetch_assoc($consulta));
 

Eso debería funcionar.

Por cierto, onkeyup (así, todo en minúsculas) hará que se ejecute la función cada vez que se presione y libere una tecla mientras el campo tiene foco. Creo que es mejor si lo haces con onchange (también solo en minúsculas) para que solo haga el cálculo al finalizar la entrada, generalmente, cuando el campo pierde el foco.

Si el campo p[] corresponde al precio, también deberías ponerlo como readonly y, como te sugerí en los comentarios del Javascript, realiza los cálculos al procesar el formulario en PHP.

[Briss]

Iniciado por Triby

Ya que estás asignando ID a los inputs, estos deberían ser únicos y trabajar con esas ID en Javascript:

Código Javascript:

function calcularSub(num) {
    var canti = document.getElementById('cant' + num).value;
    var pre = document.getElementById('p' + num).value;
    document.getElementById('st' + num).value = canti * pre;
    // No tiene sentido la siguiente línea, deberías desactivar el campo
    // Para que no lo modifiquen y, de paso, hacer también el cálculo en PHP al procesar
    document.getElementById('st' + num).focus();
}
 

Código PHP:

$num = 1;
do {
    echo <<<EOT
        Si necesitas algún elemento de row_consulta lo incluyes así:
        Columna: {$row_consulta['columna']}
        <input type="text" name="p[]" id="p$num" value="" />
        <input type="text" name="cant[]" id="cant$num" value="" onchange="calcularSub($num);" />
        <input type="text" name="st[]" id="st$num" value="" readonly />
EOT; // Esta línea no debe tener sangría
 } while ($row_consulta= mysql_fetch_assoc($consulta));
 

Eso debería funcionar.

Por cierto, onkeyup (así, todo en minúsculas) hará que se ejecute la función cada vez que se presione y libere una tecla mientras el campo tiene foco. Creo que es mejor si lo haces con onchange (también solo en minúsculas) para que solo haga el cálculo al finalizar la entrada, generalmente, cuando el campo pierde el foco.

Si el campo p[] corresponde al precio, también deberías ponerlo como readonly y, como te sugerí en los comentarios del Javascript, realiza los cálculos al procesar el formulario en PHP.

GRACIAS Triby me ha quedado claro muchas gracias :)