Javascript代码在联系表单中不起作用

Question

我想在我的联系表单 7 中创建一个函数，如果用户从下拉列表中选择特定项目，表单中会出现一个表单字段。经过一番修补，我想出了一些代码：

[text* your-name placeholder"Volledige naam" ]

[email* your-email placeholder"Geldig emailadres"]

[select* your-type id:TypeDropdown placeholder"Selecteer soort" "Algemene vraag" "Afspraak maken" "Klacht indienen"]

[text* your-subject placeholder"Onderwerp"] 
[date* your-date id:EnterDate]
[textarea your-message placeholder="Uw bericht"]
[submit "Verzenden"]
<script language="javascript" type="text/javascript">
document.getElementById("EnterDate").style.display = 'none';
document.getElementById("TypeDropdown").addEventListener("change", displayDateField);
function displayDateField() {
var dropdownText = document.getElementById("TypeDropdown").value;
if (dropdownText === "Afspraak maken") {
document.getElementByid("EnterDate").style.display = 'block';
}
else {
document.getElementById("EnterDate").style.display = 'none';
}
}
</script>

除非我尝试此代码时它不起作用。新表单域EnterDate不会出现在表单中。

知道是因为我的代码中的缺陷还是这是不可能的？

提前感谢！

Answer 1

尝试在表单中添加条件逻辑组，而不是使用 javascript。看看这个链接

https://conditional-fields-cf7.bdwm.be/conditional-fields-for-contact-form-7-tutorial/