当弹出窗口中的 JavaScript 更改输入元素时引发“onChange”事件

Question

我有一个带有表单元素和弹出窗口（由 window.open 打开）的网页。

两者都有 jQuery 可用。

弹出窗口有一个javascript，可以改变打开窗口中的表单元素。这样做可以完美地工作...

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

但是，这样做不会触发 onChange 事件。但是，其他一些页面元素会要求这样做。所以我尝试自己触发 onChange 事件

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

但这并没有任何作用。

有什么提示吗？由于其他页面元素的体系结构，我绝对必须触发 onChange 事件。

这个问题类似于Call Javascript onchange event by programatically changing textbox value，但该问题的建议解决方案似乎对我不起作用。也许是因为弹出窗口。

Answer 1

也许它是伤害你的跨窗口......尝试在你调用的 opener 内部创建一个函数。有帮助吗？

在开瓶器中：

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

来自弹出窗口：

opener.changeMyElement(value);

Answer 2

这条线应该可以工作：

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

根据jQuerydocumentation这行触发每个匹配元素的change事件。

如果它不适合您，那么您的代码中的某个地方就有问题。可以通过手动更改表单元素来触发onchange事件吗？

Answer 3

你也可以这样做：

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

或者在你的上下文中：

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