jquery - 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
});