window.onbeforeunload与表单

时间:2013-01-21 18:05:55

标签: javascript html

我会尝试正确解释:

我有一个网站上有一个巨大的表格。这个表单有很多字段,它们都由另一个JS文件运行。

确切地说:在我的表单中,我有文本框和下拉菜单。我希望能够在有人离开后重置/刷新我的页面。泡沫底部有一个按钮,可以将您带离购物车。

进入购物车后,我希望能够点击后退按钮并将所有字段重置回原始状态。我试着将它放在顶部附近,但它没有效果。也许我把它放在错误的地方?:

<script type="text/javascript">
window.onbeforeunload = function () {
    }
   </script>

1 个答案:

答案 0 :(得分:1)

您可以尝试重置onload事件中的表单,这将在首次加载表单时发生,也可以在用户使用后退按钮导航回表单时重复:

window.onload = function() {
    var frm = document.form1;   // put form name here
    for (var i = 0; i < frm.elements.length; i++)
        frm.elements[i].value = "";
};

演示:http://jsfiddle.net/bavRd/