从JS向Django表单输入字段插入变量

Question

我正在撰写一份表格，用于支付两个城市之间员工的里程数。我使用Google Maps API获取信息。我正在运行一个产生变量drivingDistanceMiles的脚本。我希望以我的Django格式mileage填充该字段，该字段保存为python变量distance。

以下是我的表单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)中。我把它变成了CharField而不是IntField，以防我的员工（不是最精通计算机的人）在最后添加“里程”这个词。

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

Answer 1

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

设置其值