在 Mechanical Turk (MTurk) 中设置 HTML 表单字段

Question

第一次使用 Mechanical Turk。 这是我正在尝试做的模板：

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form id="form" answer-format="flatten-objects">
  <p id="code"></p>
  <crowd-input name="exit-code" placeholder="paste answer here" required></crowd-input>
</crowd-form>

<script>
// Reference to input .csv form
code_var = ${codes}; 

document.getElementById("code").innerHTML = code_var; 

$("#form").submit( function(eventObj) {
      $("<crowd-input />").attr("type", "hidden")
          .attr("code", code_var)
          .appendTo("#form");
      return true;
  });
</script>

我想要的两件事不会发生：

1. 代码未显示在<p>标签中。 如果我这样做<p id="code">${codes}</p>那么它确实有效。
2. 我想同时提交 ${codes} 中的代码和表单提交时的退出代码。 但我无法弄清楚如何做到这一点。

感谢您的任何提示或建议！

Answer 1

我想出了一种方法来做到这一点。

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form id="form" answer-format="flatten-objects">
  <p id="code"> ${codes} </p>
  <crowd-input name="exit-code" placeholder="paste answer here" required></crowd-input>
 <crowd-input name="code" style="visibility: hidden;" id="code_form"></crowd-input>
</crowd-form>

<script>
code_var = document.getElementById("code").innerHTML; 
document.getElementById("code_form").value = code_var;
</script>

脚步：

1. 创建隐形标签。

2. 在脚本中设置输入的值。