Javascript - 发布表单不会提交

Question

我在使用 JavaScript 发布表单时遇到问题。这是我的代码...

    function save() {
    var form = document.createElement("form");
    form.setAttribute('method', 'post');
    form.setAttribute('action', '/quiz_score');

    var i = document.createElement("input");
    i.setAttribute('name', 'Score');
    i.setAttribute('value', ""+score);
    form.appendChild(i);
    form.submit();
}

你能看出这段代码有什么问题吗？我有一个按钮设置来运行此函数 onClick()...

<input type="button" name="finish" class="finished_button" onclick="save()"/>

再一次，有人能看出这有什么问题吗？单击按钮时什么也没有发生。它似乎不会发布，也不会重定向。

感谢您的帮助!

Answer 1

您需要使用 document.body.appendChild(form); 将表单附加到文档正文

function save() {
    var form = document.createElement("form");
    form.setAttribute('method', 'post');
    form.setAttribute('action', '/quiz_score');
    document.body.appendChild(form);
    var i = document.createElement("input");
    i.setAttribute('name', 'Score');
    i.setAttribute('value', ""+score);
    form.appendChild(i);
    form.submit();
}