在Otree上使用javascript保存数据

Question

我正尝试在Otree上的数据库中保存单击的时间戳。我试过使用不同的代码。

第一个是这样的

function myFunction() {
    var n = Date.now();
document.getElementById("demo").innerHTML = n;
}

document.getElementById('n').value;

我将下一段代码放在html中：

 <p style="text-align: center;"><button class="btn btn-primary btn-large" onclick="myFunction()"  name="offer_accepted" value="True">&nbsp;A</button> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <button class="btn btn-primary btn-large"  onclick="myFunction()" name="offer_accepted" value="False">B</button></p>

下一个是这样的：

function record_current_time(){
   var current_time = new Date();
   current_time = current_time.getTime()
   document.getElementById("id_currentTime").setAttribute("value", current_time)
}

window.onload = record_current_time;

并将下面的代码放入我的html中：

  <input type="hidden" name="currentTime" id="id_currentTime"/>

在这两种情况下，我的数据库中都没有任何内容。

有人能帮帮我吗？

Answer 1

你的第一个代码不能工作有两个原因：

演示您正在使用一个不存在的ID：“”

• 如果您将.innerHTML替换为.value，您的代码将正常工作。请参阅讨论here.

关于第二次尝试，此命令将起作用：

window.onload = function() {
    record_current_time();
}

与页面顶部的脚本一起工作的另一种可能性是：

$(document).ready(function(){
        function record_current_time(){
           var current_time = new Date();
           current_time = current_time.getTime();
           document.getElementById('id_currentTime').value = current_time;
        }

        record_current_time();
});

但是，您也可以将脚本放在页面的底部。然后，当您执行脚本时，将加载所有元素。