从JS插入一个变量到Django表单输入字段

我正在写一个支付两个城市之间员工里程的表单。我正在使用Google Maps API来获取信息。我正在运行一个产生变量drivingDistanceMiles的脚本。我想用我的Django表单mileage来填充这个字段，它保存到一个python变量distance。从JS插入一个变量到Django表单输入字段

这里是我的HTML表单中的一个片段：

<form action="" method="post"><% csrf_token %} 
{{ form.non_field_errors }} 
<div class="fieldWrapper"> 
    {{ form.distance.errors }} 
    <label for="id_distance">Mileage claim:</label> 
    {{ form.distance }} 
</div>

还有就是页面只是入门上方的距离计算器。

在我的forms.py distance = forms.CharField(max_length=20, required = False)。如果我的员工（不是最精通计算机的人）在最后添加“miles”这个词，我将其设置为CharField而不是IntField。

问题：当用户将他们的城市信息输入到距离计算器时，是否可以使drivingDistanceMiles的值自动填充？

来源

2012-07-19 Brandon Dorris

这里是我想调整的标记HTML：''

Mileage claim:

在 – 2012-07-20 15:56:19

如果您使用的是纯javascript（而不是jQuery或任何框架），您可以通过document.getElementById('id_distance').value访问该字段。您可以设置它的值由document.getElementById('id_distance').value = <some_var>;

来源

2012-07-19 22:09:40 Maqsood

我的javascript结束时，我接着说：document.getElementId（“id_distance”）值= drivingDistanceMiles'它。只是重新加载表单。我为HTML代使用Django框架/模板语言。我已将距离计算器设置在同一页面上，但在其自己的表单标记中，以防止Django表单尝试单击计算按钮时发布。因此，输出字段（'id_distance'）与距离计算器的形式不同。这很重要吗？ – 2012-07-20 15:50:26

你是如何计算'drivingDistanceMiles'的？您可以在计算函数的末尾添加此行，并且每当'drivingDistanceMiles'更新时它应该更新'id_distance'字段。添加更多的HTML可以帮助回答这个问题。你可以发布整个表格（包括有城市输入的部分）吗？ – Maqsood 2012-07-20 21:02:10

http://pastebin.com/KtHYEYLD为原始来源（在通过Django呈现模板标记之前） – 2012-07-22 01:51:00

从JS插入一个变量到Django表单输入字段

回答

相关问题