document.forms identificar formulario

[Mental]

Buenas tardes:
Por lo que sé:
1/Podemos hacer un recorrido por los formularios que hay en el DOM mediante un bucle for().
2/Identificarlos por id, nombre, tag..
3/Referenciarlos document.forms[n]
y supongo que más cosas....
Pero... lo que intento es saber cual es el document.forms[n] desde el que estoy generando un evento. Es decir n=??
Espero haberme explicado.
Gracias.

[Alexis88]

Delega el evento a la ventana y luego verifica que se esté produciendo en un formulario.

Código Javascript:

window.addEventListener("el evento", function(event){
    if (event.target.tagName == "FORM"){
        alert(event.target.name) //Nombre del formulario en el que se está produciendo el evento
        alert(event.target.id); //Identificador del formulario en el que se está produciendo el evento
    }
}, false);
 

Saludos

[Mental]

Hola Alexis:
Disculpa mi ignorancia.

Código Javascript:

window.addEventListener("onchange", function(event){
    if (event.target.tagName == "FORM"){
        alert(event.target.name) //Nombre del formulario en el que se está produciendo el evento
        alert(event.target.id); //Identificador del formulario en el que se está produciendo el evento
    }
}, false);
 

El único cambio es "el evento".
He probado y no captura el evento.

[Alexis88]

El nombre del evento es change. Ten en cuenta que dicho evento no se producirá directamente en el formulario sino en uno de sus elementos. En ese caso, tendrías que capturar al elemento padre del elemento en el que se produjo el evento.

Código Javascript:

window.addEventListener("change", function(event){
    if (event.target.parentNode.tagName == "FORM"){
        alert(event.target.parentNode.name) //Nombre del formulario en el que se está produciendo el evento
        alert(event.target.parentNode.id); //Identificador del formulario en el que se está produciendo el evento
    }
}, false);
 

En donde:

• event: El evento que se produjo.
• target: El elemento en el que se produjo el evento.
• parentNode: El elemento que contiene al elemento en el que se produjo el evento.
• tagName: El nombre de la etiqueta del elemento, que, en este caso, será el elemento que contiene al elemento en el que se produjo el evento.

Saludos

[Mental]

Buenos días:
Disculpa Alexis88. He estado meditando sobre el código y he visto que tengo un error de desarrollo del mismo.
Te explico:
Tengo una página con tres formularios.
El segundo está vinculado al primero y recoge los servicios que se contratan. La refencia del presupuesto está en el primer formulario y es el vinculo con el segundo.
El tercer formulario es un formulario que agrega registros a la tabla del segundo formulario.
Cuando he introducido un nuevo registro a través del tercer formulario, la página ya no muestra tres formularios, sino cuatro. Y así sucesivamente.
El problema es que en el código he dejado los ID='S1' del tercer formulario con un valor constante, es decir que si tengo cuatro formularios en la página, los formularios 2 y 3 tienen los mismos ID='S1' en sus campos respectivamente.
Eso hace que no pueda identificar en que formulario se debe actualizar la información.
Por lo tanto tengo que rehacer código asignando un ID que sea variable ID = 'S1' + i
Por ello te pido disculpas por mi falta de cortesía al no responder antes a tu información.

[Mental]

El problema es que en el código he dejado los ID='S1' del tercer formulario con un valor constante

Quería decir:
El problema es que en el código he dejado los ID='S1' del segundo formulario con un valor constante