Добавить поле формы в шаблон динамически через javascript django

Question

Я бы хотел добавить поле формы в шаблон, когда пользователь нажимает кнопку через javascript. Я не хочу скрывать это и просто показывать, мне нужно вставить его, потому что он может быть загружен в несколько частей. Это то, что я пытался, но не повезло.

document.getElementById("div_id").value = '{{ my_form.field|as_crispy_field }}';

Answer 1

Вот пример:

// update element innerHTML with input field
function addField2(e) {
  e.preventDefault();
  var container = document.getElementById("field_2_container");
  var input = `
    <div class="some_class">
      <input type="text" name="field_2" id="id_field_2">
    </div>
  `;
  // append input field to the element
  container.innerHTML += input;
}

<form id="form">
  <div id="field_1_container">
    <input type="text" name="field_1" id="id_field_1">
  </div>
  <div id="field_2_container"></div>
  
  <div id="field_3_container"></div>
  
  <button onclick="addField2(event)">Add field 2</button>
</form>