【问题标题】:Javascript code not working in contact formJavascript代码在联系表单中不起作用
【发布时间】:2020-01-24 19:19:46
【问题描述】:

我想在我的联系表单 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 没有出现在表单中。

知道是因为我的代码有缺陷还是这不可能吗?

提前致谢!

【问题讨论】:

    标签: javascript contact-form-7


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2010-11-18
      • 2019-05-24
      • 1970-01-01
      • 2013-03-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多