Raise "onChange" event when Input Element changed by JavaScript from Popup Window

Question

I have a webpage with a form element and a popup window (opened by window.open).

Both have jQuery available.

The popup window has a javascript that can change the form element in the opener window. That works perfectly by doing...

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

However by doing that the onChange event will not fire. That would be required by some other page elements, though. So I tried to fire the onChange event myself with

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

But that doesn't do anything.

Any hints? I definitely have to have that onChange event fired due to the architecture of other page elements.

This question is similar to Call Javascript onchange event by programatically changing textbox value, but the suggested solutions from that question don't seem to work for me. Maybe that's because of the popup.

gnarf · Accepted Answer · 2009-05-13 02:38:02Z

10

Perhaps its the cross-window that is hurting you... Try making a function inside of opener that you call instead. Might help?

In opener:

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

From popup:

opener.changeMyElement(value);

answered May 13, 2009 at 2:38

gnarf

107k26 gold badges129 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tracker1 Over a year ago

opener.$('...').val(newval).change();

Nadia Alramli · Accepted Answer · 2009-05-12 23:11:10Z

2

This line is supposed to work:

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

According to the jQuery documentation this line triggers the change event of each matched element.

If it's not working for you then there is a problem in your code somewhere. Can you trigger the onchange event by changing in the form element by hand?

answered May 12, 2009 at 23:11

Nadia Alramli

116k39 gold badges176 silver badges152 bronze badges

1 Comment

BlaM Over a year ago

Yes, I can. It works perfectly (although usually it should be a hidden element). However I suspect that it is forbidden to execute JavaScript in the "opener" from a popup due to security reasons. And firing an event would execute JavaScript.

franzlorenzon · Accepted Answer · 2013-04-26 14:22:15Z

0

You can also do:

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

Or in your context:

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

edited Apr 26, 2013 at 14:22

franzlorenzon

5,9236 gold badges39 silver badges58 bronze badges

answered Apr 6, 2010 at 17:27

freddoo

6,8584 gold badges33 silver badges40 bronze badges

1 Comment

RustyTheBoyRobot Over a year ago

Be warned that this is really only useful with IE, and only versions earlier than 9: help.dottoro.com/ljvtddtm.php

Collectives™ on Stack Overflow

Raise "onChange" event when Input Element changed by JavaScript from Popup Window

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related