Levante el evento "alCambiar" cuando el elemento de entrada cambió por JavaScript desde la ventana emergente

Question

Tengo una página web con un elemento de formulario y una ventana emergente (abierto por window.open).

Ambos tienen jQuery disponible.

La ventana emergente tiene un javascript que puede cambiar el elemento de formulario en la ventana de apertura. Eso funciona perfectamente haciendo ...

$(opener.document.formelement).val(vals[0]); 

Sin embargo, al hacer esto, el evento onChange no se disparará. Eso sería requerido por algunos otros elementos de página, sin embargo. Así que traté de disparar el evento onChange mí mismo con

$(opener.document.formelement).change(); 

Pero eso no hace nada.

¿Alguna pista? Definitivamente tengo que tener ese evento onChange disparado debido a la arquitectura de otros elementos de la página.

Esta pregunta es similar a Call Javascript onchange event by programatically changing textbox value, pero las soluciones sugeridas a partir de esa pregunta no parecen funcionar para mí. Tal vez sea por la ventana emergente.

Answer 1

Tal vez sea la ventana que te está lastimando ... Intenta hacer una función dentro del abridor al que llamas. ¿Podría ayudar?

En primer partido:

window.changeMyElement = function(value) { 
    $(formelement).val(value).change(); 
} 

De emergente:

opener.changeMyElement(value); 

Answer 2

Esta línea se supone que funciona:

$(opener.document.formelement).change(); 

De acuerdo con el jQuery documentation esta línea desencadena el evento de cambio de cada elemento coincidente.

Si no funciona para usted, entonces hay un problema en su código en alguna parte. ¿Puedes disparar el evento onchange cambiando en el elemento de forma a mano?

Answer 3

También puede hacer:

window.opener.document.getElementById('controlname').fireEvent('onchange'); 

o en su contexto:

$(opener.document.formelement).fireEvent('onchange');