[SOLUCIONADO] Funcion no funciona con getElementById

[jolquera]

Buenas, tengo el siguiente script

Código Javascript:

function contar(){
    var precio_unitario = document.getElementById('cantidad_1');
    var cantidad = document.getElementById('preciou_1');
    var importe = document.getElementById('importe_1');
    var iva_concepto = document.getElementById('exceder_iva_1');
    alert(precio_unitario.value);
    alert(cantidad.value);
    alert(importe.value);
    alert(iva_concepto.value);
    //alert("Hay " + precio_unitario.length + " elementos con el nombre 'opción1'");
    for (x=0;x<precio_unitario.value.length;x++){
    importe[x].value=precio_unitario[x].value*cantidad[x].value;
    iva_concepto[x].value=importe[x].value*16/100;
    texto = precio_unitario[x].value + cantidad[x].value + importe[x].value + "\n";
    //alert("Se han encontrado los siguientes valores en elementos 'opcion1'\n" + texto);
    }
}
 

Donde...

cantidad_1
preciou_1

etc, son campos los IDs de campos de texto, el detalle es que no me corre el codigo con el getElementById, pero funciona perfecto con el getElementsByName

[Panino5001]

Recordá que los id son identificadores únicos: no puede haber, en el mismo documento, elementos diferentes con el mismo id

[jolquera]

De que manera lo podria ser, sin que sea por getElementsByName??, ya que eso sera un arreglo, pues puedo tener muchos conceptos y despues lo tengo que leer por $_POST, para asi mandarlo a un foreach

[Panino5001]

Podrías usar como name, algo como esto: cantidad_1[]

En php podrás leerlo a así:

Código PHP:

  for($i=0;$i<count($_POST['cantidad_1']);$i++){echo $_POST['cantidad_1'][$i];}  
   

Y en javascript podrías referenciarlos así:

Código:

var els=document.getElementsByName('cantidad_1[]'),l=els.length,i=0;
for(;i<l;i++){
    alert(els[i]);
}

[jolquera]

No entendi muy bien esta parte...

,l=els.length,i=0;

[jolquera]

Estaba probando esta funcion...

Código Javascript:

function contar(){
    var precio_unitario=document.getElementsByClassName("cantidad_1");
    var cantidad=document.getElementsByClassName("preciou_1");
    var importe=document.getElementsByClassName("importe_1");
    var iva_concepto=document.getElementsByClassName("exceder_iva_1");
    alert(precio_unitario.length);
    for (x=0;x<precio_unitario.length;x++){
    importe[x].value=precio_unitario[x].value*cantidad[x].value;
    iva_concepto[x].value=importe[x].value*16/100;
    texto = precio_unitario[x].value + cantidad[x].value + importe[x].value + "\n";
    //alert("Se han encontrado los siguientes valores en elementos 'opcion1'\n" + texto);
    }
}
 

Esta vez con getElementsByClassName, que si lee los parametros, pero al parecer algo va mal con el for y su contenido

[jolquera]

alguna idea de que puede fallar en el bucle for??

for (x=0;x<precio_unitario.length;x++){
importe[x].value=precio_unitario[x].value*cantidad[x].value;
iva_concepto[x].value=importe[x].value*16/100;
texto = precio_unitario[x].value + cantidad[x].value + importe[x].value + "\n";
//alert("Se han encontrado los siguientes valores en elementos 'opcion1'\n" + texto);
}

[jolquera]

Ya lo consegui, resulto ser una tonteria con el valor del getElementsByClassName