Question

我试图让用户创建多种类型的相同输入表单。

问题是，当我第一次点击按钮时，表单会附加到append_form div，但无论多少次点击“添加”按钮，都不会附加其他表单。我做错了什么？

这是我的HTML代码：

<div class="col-md-9"><strong>{% trans "Please, add as many measures as you like to be available for the institutional simulation" %}</strong></div>
<div class="col-md-3"><button class="btn btn-success" onclick="addForm('{% url "add_measure_form" %}')"><i class="fa fa-plus-square"></i> {% trans "Add Measure" %} </button></div>

<div id="append_forms"></div>

这是我的剧本

function addForm(url){
    $("#append_forms").after().load(url);
}

这是我的django观点：

def add_measure_form(request):
    data = {

    }
    return render(request, "_frm_inner_form.html", data)

和网址

url(r'^measures/form/add/$', add_measure_form, name="add_measure_form")

Answer 1

删除after（）函数将一个包装div附加到表单并将数据加载到其中：

 function addForm(url){
   $("#append_forms").append('<div>').load(url);
  }

或使用一般的ajax请求

$.ajax({
  url:url,
  success:function(data) { 
       $("#append_forms").append(data);
  }
});

Django，jQuery。我不能在同一个div之后多次加载（）

1 个答案: