recorrer array de inputs dinámicos

[zsamer]

Hola

tengo un arreglo total[] que se crea de los inputs que se generan dinámicamente (create element, setAttribute etc...).

necesito recorrer el array que se generan de estos con un (foreach) o

Código PHP:

  for (elemento in datoArrayAsociativo)  
   

. el problema es que nose como agregar el arreglo generado por los inputs y colocarlos en el for. En otras palabras que tengo que colocar en datoArrayAsociativo para que recorra los valores de los inputs.

pense que podría ser asi pero no funciona.

Código PHP:

  for (elemento in document.getElementById(total).value)  
   

los input al generarse quedan de esta forma:

Código PHP:

  <input type="text" name="total['sub1']" id="total['sub1']" />
<input type="text" name="total['sub2']" id="total['sub2']" />
<input type="text" name="total['sub3']" id="total['sub3']" />
<input type="text" name="total['sub4']" id="total['sub4']" />  
   

cualquier ayuda gracias.

[zsamer]

alguna ayuda?

[xp64]

por ejemplo

Código:

function recorrer(){

	for(i=0;i<total.elements.length;i++){
		document.total.elements[i].value = "algo";
	}

}

uso un for ordinario ya que el for in no se porque en i.explorer no funciona

[zsamer]

Iniciado por xp64

por ejemplo

Código:

function recorrer(){

	for(i=0;i<total.elements.length;i++){
		document.total.elements[i].value = "algo";
	}

}

uso un for ordinario ya que el for in no se porque en i.explorer no funciona

hola, la idea es recorrer el array total (inputs) pero como array asociativo, con el "forech de javascript":

Código PHP:

  for (key in array_del_total)  
   

mi problema es que no se que tengo que colocar en vez de array_del_total, yo había probado con document.getElementById(total).value pero no funciona.

[caricatos]

Hola:

Puedes agrupar esos inputs en un contenedor (div... fieldset...) y buscar todos los inputs de ese contenedor...

bloque = document.getElementById("contenedor").getElementsB yTagName("input");

... y luego se podría hacer el bucle...
for (elemento in bloque)...

Aunque debes tener cuidado con ese tipo de bucles porque me parece que hay casos que el atributo lenght lo toma como un "elemento" y puede darte errores... es mejor usarlo para obtener atributos de objetos que elementos de un array...

Saludos

[zsamer]

gracias voy a revisar y les cuento como me fué.

muchos saludos!!!

[FNX_NET]

Iniciado por caricatos

Hola:

Puedes agrupar esos inputs en un contenedor (div... fieldset...) y buscar todos los inputs de ese contenedor...

bloque = document.getElementById("contenedor").getElementsB yTagName("input");

... y luego se podría hacer el bucle...
for (elemento in bloque)...

Aunque debes tener cuidado con ese tipo de bucles porque me parece que hay casos que el atributo lenght lo toma como un "elemento" y puede darte errores... es mejor usarlo para obtener atributos de objetos que elementos de un array...

Saludos

Como seria un ejemplo de eso

ya que yo creo una lista, un textfield, y un ckeck, pero solo quiero verificar que el textfield no este vacio, lo hago dinanamicamente

[zsamer]

Iniciado por caricatos

Hola:

Puedes agrupar esos inputs en un contenedor (div... fieldset...) y buscar todos los inputs de ese contenedor...

bloque = document.getElementById("contenedor").getElementsB yTagName("input");

... y luego se podría hacer el bucle...
for (elemento in bloque)...

Aunque debes tener cuidado con ese tipo de bucles porque me parece que hay casos que el atributo lenght lo toma como un "elemento" y puede darte errores... es mejor usarlo para obtener atributos de objetos que elementos de un array...

Saludos

hola,

necesito recorrer solos los inputs con id= total[], no el resto
¿que le faltaría a document.getElementById("contenedor").getElementsB yTagName("input"); para que contenga solo el array de total[]?


gracias y saludos.
ne

[caricatos]

Iniciado por zsamer

hola,

necesito recorrer solos los inputs con id= total[], no el resto
¿que le faltaría a document.getElementById("contenedor").getElementsB yTagName("input"); para que contenga solo el array de total[]?


gracias y saludos.
ne

Hola:

Los atributos id debem ser únicos (aunque explorer admita duplicados...)
Existe la colección creada con getElementsByName...

Saludos

[zsamer]

Iniciado por caricatos

Hola:

Los atributos id debem ser únicos (aunque explorer admita duplicados...)
Existe la colección creada con getElementsByName...

Saludos

claro que son unicos, total[] es un array asociativo del tipo:

total['sub1']
total['sub2']
total['sub3']
total['sub4']
.
.
.
total['subn']

Necesito que recorra solamente los inputs total['subx'], donde x = 1,2,3...n

no se si se entiende la ideas.

saludos!

[caricatos]

Hola:

No debes confundir javascript con php...

Un elemento con atributo id o name con un juego de corchetes al final de su nombre no es más que esa cadena (con el mismo juego de corchetes sin nada dentro)... ese mismo nombre pasado a php indica que se trata de un array pero son cosas totalmente distinta.

Saludos

[zsamer]

estoy complicado, solo necesito recorrer ese array asociativo en javascript, y no encuentro la forma.

no he podido encontrar la forma de recorrer el array total para sumar sus valores.

Actualmento lo hago de la forma que está mas abajo, pero no me sirve, por que depende del valor i, y este valor es incremental, entonces por ejemplo, si yo elimino el elemento dinamico input total['sub3'] y al volver a calcular la suma arroja error de javascript ya que dejó de existir dicho elemento al ser eliminado ya que el for ( i++) lo recorre en forma incremental.

Código PHP:

      sum=0;
    for (i = 1; i<rowNumber; i++)
    {
        sum=sum+document.getElementById('total[sub'+i+']').value
    }  
   

Código:

rowNumber lo paso por parametro a la funcion, esta corresponde al total de input creados dinámicamente

por esta razon necesito recorrer el array de inputs total como array asociativo para que no dependa de un valor sino recorra los elementos existentes uno a uno.

espero que me puedan ayudar.

gracias y salu2

[samu22]

Llego un poco tarde con mi respuesta, pero estaba con este mismo problema y lo solucione de esta manera

utilizando el metodo de caricatos

Código javascript:

var oi=0;  //Objeto indicie
    var thisObj;
    var objs = document.getElementById("bloqueID").getElementsByTagName("input");
    for (oi=0;oi<objs.length;oi++) {  
        thisObj = objs[oi];  
        if(thisObj.getAttribute('type') == 'hidden'){ 
            alert(thisObj.value);
        }
    }
 

esto lo estaba utilizando para hacer algo similar al panel de wordprees para agregar los tags a un post y guardarlos en un input type=hidden

[JavierB]

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,