javascript - 将 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.pydistance = 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>;