我正在使用Django表单。 Django会自动为我呈现表单。
模板呈现代码如下:
<form method="POST" class="post-form" id="form1">{% csrf_token %}
{% block content %}
{{form.as_p}}
<button type="button" class="btn btn-primary" id="mbutton" data-toggle="modal" data-target="#exampleModalCenter">Save</button>
{% endblock %}
</form>
当我在浏览器中查看我的来源时,输出如下:
<form method="POST" class="post-form" id="form1"><input type='hidden' name='csrfmiddlewaretoken' value='iyBHA6drfJJ7s7eRmkKmsM6LyVpCGH1f7wQ65n78WkMpiQj8kuUUVlYrUFj06Nxh' />
<p><label for="id_device_type">Device type:</label> <select name="device_type" required id="id_device_type">
<option value="" selected>---------</option>
<option value="Laptop-abcsderf-asdfghjkl12345-lenovo--">Laptop-abcsderf-asdfghjkl12345-lenovo--</option>
<option value="Desktop-atu90667-RT56-HP--">Desktop-atu90667-RT56-HP--</option>
</select></p>
<button type="button" class="btn btn-primary" id="mbutton" data-toggle="modal" data-target="#exampleModalCenter">Save</button>
</form>
我要做的是,只要用户点击“保存”按钮,就会弹出一个模态。在模态内,将显示表单的内容。只使用表单id作为jquery选择器会做什么?或者如果没有那么我应该如何使用each()函数迭代表单字段?
最早请求帮助。
答案 0 :(得分:0)
请尝试以下操作:
$("modalBodySelector").append($("#form1"));
最好添加完整的表单而不是内容,以避免HTML中出现重复的ID。 请注意,modalBodySelector是模态体
的选择器