在 django（表單）模板中復制 html 元素的值

Question

django 表單與 ChoiceField (1,2,3)--> {{Choices.sollicitanten}} django 表單與 ChoiceField (1,2,3) -->{{ form.vacature_contract }} 兩個字段的選擇選項是同樣的 1,2,3 我想要的是當我 select 例如，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>

//當我點擊提交按鈕時，function 運行（onclick=FillForm）。

//上面的代碼似乎沒有做太多..出了什么問題。

Answer 1

您可以通過它們的 id 選擇兩個下拉列表，然后將事件偵聽器添加到vacature_contract下拉列表，這將在更改時設置sollicitanten下拉列表的值，反之亦然。

要獲取下拉列表的 id，您可以檢查元素或 django 可以猜測為 django 只需將 id 分配為 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 下拉值。