通过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>