通过javascript django将表单字段动态添加到模板

我想在用户通过javascript单击按钮时向模板添加一个表单字段。我不想隐藏它，只是让它出现，我需要插入它，因为它可以加载到多个部分。这是我尝试过的，但没有运气

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

以下是一个例子：

//使用输入字段更新元素innerHTML
函数addField2（e）{
e、 预防默认值（）；
var container=document.getElementById（“field_2_container”）；
变量输入=`
`;
//将输入字段追加到元素
container.innerHTML+=输入；
}

添加字段2

感谢您的回复，但在您的示例中，您是自己插入html的。我正在尝试从表单对象插入它：{{my_form.field{as_crispy_field}}@AlbertoCarmona我没有使用crispy表单，这会呈现多行html代码吗？你可以尝试JS多行字符串：@AlbertoCarmona我更新了我的答案以显示它工作。