onsubmit使用innerHTML打印文本消失

Question

submit.form.onsubmit = function print() {
    div.innerHTML = sum;
}

所以当我点击按钮提交时，我在div上写了一些东西;然而，一切都在它出现后立即消失。为什么这样，是否可以快速解决这个问题？

Answer 1

表单正在提交，因此页面正在重新加载。最简单的方法是：

submit.form.onsubmit = function () {
    div.innerHTML = sum;
    return false;
}

但是，这会阻止表单实际提交，这是您可能想要做的事情。也许您可以在更新前端的div时使用ajax提交表单。

或者（并且优选地）使用：

submit.form.addEventListener('submit', function (e) {
    div.innerHTML = sum;
    e.preventDefault();
});

绑定事件。