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

Posted 2023-02-24

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

【英文标题】：How to get django form value in javascript without saving it into model

【发布时间】：2014-01-09 05:49:01

【问题描述】：

我创建了一个 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 中检索这些表单值？

【参考方案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();

【参考方案2】：

如果你想直接获取值也试试这个

var start_date=" form.data.start_date "

【参考方案3】：

表单会自动呈现为有效的 html。您可以使用前缀 id_field_name 通过其 ID 访问表单字段。所以start_date字段的id是id_start_date：

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

你应该阅读关于表单渲染的文档here