javascript - 我使用 javascript 设置字段值，未触发 onchange。替代解决方案？

Question

我已经阅读了一些解决方案，但没有一个是无忧无虑的，所以我认为现在可能存在一些现代解决方案来解决这个问题。无论如何，它应该，因为问题已经存在了一段时间。在最近的 jQuery 更新中可能有一些东西？

我这样设置我的表单字段：

parent.window.document.getElementById(parent.window.imageInputField).value = '{{ path }}'+image;

我有一个像这样的 onchange 事件，我想在上面的字段更新时触发。

$('#data_1').change(function(){
img = "url(" + $('#data_1').val() + ")"
$('#slide_bg').css("backgroundImage", img );
});

---

更新

所以这段代码工作正常：

alert( $('#'+parent.window.imageInputField, window.parent.document).val() );

虽然这没有任何作用，没有错误或什么都没有

$('#'+parent.window.imageInputField, window.parent.document).change();

更改事件在这里定义

$('#data_1').change(function(){
alert('change event called');
img = "url(" + $('#data_1').val() + ")"
$('#slide_bg').css("backgroundImage", img );
});

这很完美：

<input type='button' value='Uppdatera förhandsgr.' onclick="$('#data_1').change()" />

我想要的只是触发这个按钮的作用，但是通过代码......有人看到我哪里出错了吗？

Answer 1

您需要使用您的代码触发更改处理程序。使用脚本更新值不会触发change事件

parent.window.document.getElementById(parent.window.imageInputField).value = '{{ path }}'+image;
$('#data_1').change()