Javascript 使用jQuery提交表单并更改DOM元素

我正在创建一个401k计算器，它将接收少量输入（并在幕后分配其他一些输入）。我将进行一些计算并在tabledata中呈现一个值表，但现在我只是尝试在用户提交时将tabledata div的值更改为“Testing”。我做错了什么

jQuery（函数（）{
$（'#401k'）。提交（函数（）{
变量数据=$（“#401k:输入”）.serializeArray（）；
document.getElementById（“tabledata”）.InnerHTML=“测试”；
});
});

捐款百分比：
年薪增长：
当前年龄：
退休年龄：
当前401k余额：
预期回报率：




innerHTML

属性以小写字母“i”开头，因此应该这样写：

document.getElementById("tabledata").innerHTML = "Testing";

如果不想刷新页面，请使用

e.preventDefault（）

，如下所示：

jQuery(function () {
    $('#401k').submit(function (e) {
        var data = $("#401k :input").serializeArray();
        document.getElementById("tabledata").innerHTML = "Testing";
        e.preventDefault();
    });
});

---

innerHTML

属性以小写字母“i”开头，因此应该这样写：

document.getElementById("tabledata").innerHTML = "Testing";

如果不想刷新页面，请使用

e.preventDefault（）

，如下所示：

jQuery(function () {
    $('#401k').submit(function (e) {
        var data = $("#401k :input").serializeArray();
        document.getElementById("tabledata").innerHTML = "Testing";
        e.preventDefault();
    });
});

---

了解什么是AJAX以及如何进行AJAX调用。InnerHTML！==innerHTMLPlease不要让我们去第三方网站只是为了查看您的代码，因为您可以在问题的此处插入代码片段。不清楚什么不起作用。因为这是一个计算器表单，而不是提交表单，所以您首先不应该使用提交按钮。只需使用常规按钮。了解什么是AJAX以及如何进行AJAX调用。InnerHTML！==innerHTMLPlease不要让我们去第三方网站只是为了查看您的代码，因为您可以在问题的此处插入代码片段。不清楚什么不起作用。因为这是一个计算器表单，而不是提交表单，所以您首先不应该使用提交按钮。只需使用常规按钮即可。另外，

$（'#tabledata'）.html（'Testing'）我已经合并了这些更改，尝试了GelsonMR的方法和isherwood的方法，但仍然没有呈现任何内容。我假设它没有呈现是因为“提交”按钮导致页面刷新并重置了所有更改，请尝试使用
e.preventDefault（）
来防止这种情况。另外，
$（'#tabledata'）.html（'Testing'））;我已经合并了这些更改，尝试了GelsonMR的方法和isherwood的方法，但仍然没有呈现任何内容。我假设它没有呈现是因为“提交”按钮，该按钮会刷新页面并重置所有更改，请尝试使用
e.preventDefault（）
来防止出现这种情况。