Question

我创建了一个django表单，我不需要在数据库中保存这些值。但我不知道如何在javascript中访问这些表单值。

balance.html

<script>
$(document).ready(function () {
    $('.dateinput').datepicker();
    var a = document.getElementsById("{{ form.start_date }}").val;
    alert(a);
});
</script>   

<div>
    <form action="" method="POST">{% csrf_token %} Start Date: {{ form.start_date }}&nbsp;&nbsp; End Date:{{ form.end_date }}
        <br/>
        <input type="submit" name="submit" value="See Results" id="tryonce">
    </form>
</div>

但我无法得到结果。如何在javascript中检索这些表单值？

Answer 1

{{form.start_date}}扩展为：

<input id="id_start_date" type="something">

您可以随时右键单击并检查大多数现代浏览器中的元素。

所以使用：

var a = document.getElementsById("id_start_date").val;

我建议你使用jQuery版本：

var a = $("#id_start_date").val();

Answer 2

如果您想直接获取值

，请尝试此操作

var start_date="{{ form.data.start_date }}"

Answer 3

表单自动呈现为有效的html。您可以使用前缀id_field_name按ID访问表单字段。因此start_date字段的标识为id_start_date：

var a = document.getElementsById("id_start_date").val;

您应该阅读有关表单呈现here

的文档

如何在javascript中获取django表单值而不将其保存到模型中

3 个答案: