将JS中的一个变量插入Django表单输入字段

Insert a variable from JS to Django form input field

本文关键字：插入 变量 Django 表单 字段 输入 一个 JS      更新时间：2023-11-25

我正在写一份表格，支付员工在两个城市之间的里程数。我正在使用谷歌地图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>

在条目上方的页面上有一个距离计算器。

在我的表格中.py distance = forms.CharField(max_length=20, required = False)。我把它做成了CharField，而不是IntField，以防我的员工（不是最懂电脑的一群人）在结尾加上"英里"这个词。

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

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

相关文章：