Django使用jquery形成数据访问

时间:2018-06-09 05:17:37

标签: jquery django django-forms django-templates

我正在使用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()函数迭代表单字段?

最早请求帮助。

1 个答案:

答案 0 :(得分:0)

请尝试以下操作:

$("modalBodySelector").append($("#form1"));

最好添加完整的表单而不是内容,以避免HTML中出现重复的ID。 请注意,modalBodySelector是模态体

的选择器