在 django（表单）模板中复制 html 元素的值

Question

django form with ChoiceField (1,2,3)--> {{Choices.sollicitanten}} 带有 ChoiceField (1,2,3) 的 django 表单 -->{{ form.vacature_contract }} 两个字段的选择选项都是一样的 1,2,3 我想要的是，例如，当我选择choices.sollicitanten 中的选择1 时，它会将此选择复制到字段{{form.vacature_contract}}，以便选择该字段也是1。

    <td class="tg-0lax">{{ Choices.sollicitanten}}</td>. 

//我有

  <td name="vacature_doel" class="tg-0lax">{{ form.vacature_contract }}</td>

//在html中

  function FillForm(f) {
  {
   f.vacature_doel.value = f.vacature_bron.value;
   f.sollicitanten_doel.value = f.sollicitanten_bron.value;


  }
}
 </script>

//当我点击提交按钮时，函数运行（onclick=FillForm）。

//上面的代码好像没做太多..出了什么问题。

Answer 1

您可以通过它们的 ID 选择两个下拉列表，然后将事件监听器添加到 sollicitanten 下拉列表，这将在更改时设置 vacature_contract 下拉列表的值，反之亦然。

要获取下拉列表的 id，您可以检查元素或 django 可以猜测，因为 django 只需将 id 分配为 id_<your_field_name>。

这里的 js 应该适用于您的代码

<script>
        let myDropdown = document.getElementById('id_sollicitanten');
        myDropdown.onchange = () => document.getElementById('id_vacature_contract').value = myDropdown.value;
</script>

在这里，我添加了一个事件侦听器，当 sollicitanten 的值更改时，它将更新 vacature_contract 下拉值。