Установка HTML полей формы в механическом турке (MTurk)

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. Установить значение ввода в скрипте.