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

带ChoiceField（1,2,3）-->{{Choices.sollicitanten}}的django形式 带有ChoiceField（1,2,3）的django表单-->{form.vacuure_contract} 两个字段的选项都是相同的1,2,3 我想要的是，当我选择choices.sollicitanten中的选项1时，它会将该选项复制到{form.Vacation_contract}字段，这样该字段的选项也是1

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

{{Choices.sollicitanten}。

//我有

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

{{form.vacuure_contract}

//和html格式

函数填充形式（f）{
{
f、 休假实际价值=休假实际价值；
f、 sollicitanten_doel.value=f.sollicitanten_bron.value；
}
}

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

---

//上面的代码似乎没什么作用。出了什么问题。

您可以根据两个下拉列表的ID来选择它们，然后在

sollicitanten

下拉列表中添加一个eventlistener，该下拉列表将设置

Vacation\u contract

更改下拉列表的值，反之亦然

要获得下拉列表的id，您可以检查元素，或者django可以猜测，因为django只需将id分配为

id\uuuu

下面是js，它应该可以很好地用于您的代码

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

让myDropdown=document.getElementById（'id_sollicitanten'）；
myDropdown.onchange=（）=>document.getElementById（'id\u vacation\u contract'）。value=myDropdown.value；

---

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

太好了，谢谢you@Sander如果答案解决了你的问题，别忘了投票并接受它。

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