在机械土耳其(MTurk)中设置HTML字段

Question

第一次使用机械土耳其语。下面是我想要做的事情的一个模板：

<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. 设置脚本中输入的值.