jQuery、表单、浏览器刷新

Question

我有一个大表单，其中一些字段值取决于先前的元素。我使用 jquery 的 .trigger 事件来触发依赖字段的更新函数。当我刷新页面（单击重新加载或单击返回）时，先前选择的值仍然存在，但依赖字段不反映其他元素的值。如何在刷新时触发更新功能？我看到了一种防止浏览器使用表单的缓存值的方法。我宁愿使用缓存的值并更新依赖于具有缓存值的元素的元素。

编辑：为了说明形式：

<form>
    <input id="element1" />
    <input id="element2_dependent_on_element1" />
</form>

element1 保持正确，但 element2_dependent_on_element1 .change 事件未触发。

Answer 1

为什么不在 document.ready 末尾的所有完整输入上执行 .trigger ？当页面重新加载时，这应该会触发所有这些。

Answer 2

您可以调用 form.reset() (DOM函数，而不是 jQuery 函数），或者在附加它们后立即触发您绑定的事件处理程序，例如：

$(function() {
  $("input").change(function() {
    //do something....
  }).change(); //trigger the handler once on load
});