Javascript 在JS到Django表单输入字段中插入一个变量

我正在写一份表格，支付员工在两个城市之间的里程。我正在使用谷歌地图API来获取信息。我正在运行一个脚本，该脚本生成一个变量

drivingDistanceMiles

。我想在Django表单中填充该字段

里程

，该字段保存为python变量

距离

以下是我的表单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>

---

如果您使用的是纯javascript（不是jQuery或任何框架），则可以通过
document.getElementById（'id\u distance'）.value来访问该字段。您可以通过
document.getElementById（'id_distance'）设置它的值
在javascript的末尾，我添加了
document.getElementId（'id_distance'）。value=drivingDistanceMiles
，它只是重新加载表单。我正在使用Django框架/模板语言生成HTML。我已经在同一页上设置了距离计算器，但它有自己的表单标记，以防止Django表单试图在单击calculate按钮时发布。因此，输出字段（
id\u distance
）的形式与距离计算器不同。这有关系吗？您是如何计算
行驶距离英里数的？您可以在计算函数的末尾添加这一行，只要更新了
drivingDistanceMiles
，它就会更新
id_distance
字段。添加更多的HTML可以帮助回答这个问题。你能发布整个表单（包括有城市输入的部分）吗？用于呈现HTML的原始源（在通过Django呈现模板标记之前）。为了减小帖子的大小，我删除了一些其他表单字段和标题。如果您需要这些数据，请告诉我。第一条注释末尾的
getElementId
拼写错误，它是
getElementById
。您需要做的只是
document.getElementById（'id_distance'）。函数
showLocation
末尾的value=drivingDistanceMiles
。如果您仍然有问题，您可以使用并复制生成的html和javascript，我可以查看一下。以下是我要调整的标记的html:
里程索赔：