0

作为游戏的一部分，我希望将值（动态）分配给 html 表单，然后将它们“发布”到 views.py 以进行进一步的操作（不是很重要）

我的问题是我似乎无法从外部触发表单的 POST 部分。嗯。

代码：

JS：

var score,x;

    function setScore(x){
        score=x;
        alert(score);
    }

    function getScore(){
        return score;
    }


    function postIt()   {       
        form = document.createElement('postForm');

        document.getElementById('userField').value = "Testing Name";
        document.getElementById('scoreField').value = score;
        alert(score);

        form.submit();   
    }

和html：

     <form action="" method="post" id="postForm">{% csrf_token %}
     <input type="hidden" id="userField" name="user"></input> Namn.<br>
     <input type="hidden" id="scoreField" name="score"></input> Score.<br>

     <button onclick="postIt()">Shoot</button>

<a href="javascript:setScore(1)">1</a> -     
<a href="javascript:setScore(2)">2</a> - 
<a href="javascript:setScore(3)">3</a> -
<a href="javascript:setScore(4)">4</a> -
<a href="javascript:setScore(5)">5</a> -
<a href="javascript:setScore(6)">6</a>   

<p>
<span onclick="postIt()">Skicka</span>   
     </form>

问题是我从按钮中得到了可疑的结果，而不是跨度-'触发器'。

预期且正确的终端窗口打印（在我指定 3 作为分数之后）：

Testing Name
3
[20/May/2012 03:41:43] "POST / HTTP/1.1" 200 1854

但是，我真的不明白为什么，因为它们都连接到同一个功能..？

4

2 回答 2

2 
function postIt()   {       
        var form = document.getElementById('postForm');

        document.getElementById('userField').value = "Testing Name";
        document.getElementById('scoreField').value = score;
        alert(score);

        form.submit();   
    }

这是一个小提琴

该按钮起作用的原因是，当您单击它时，您会观察到它的默认行为，即提交表单。

于 2012-05-20T01:53:31.453 回答
0 
function postIt()   {       
    form = document.createElement('postForm');

    document.getElementById('userField').value = "Testing Name";
    document.getElementById('scoreField').value = score;
    alert(score);
    form.appendChild(document.getElementById('userField'));
    form.appendChild(document.getElementById('scoreField'));
    form.submit();   
}
于 2012-05-20T01:50:51.723 回答