Javascript код не работает в контактной форме - PullRequest
0 голосов
/ 24 января 2020

Я хочу создать функцию в моей контактной форме 7, где, если пользователь выбирает указанный элемент c из раскрывающегося списка, в форме появляется поле формы. После некоторой обработки я придумал код:

[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 не отображается в форме.

Есть идеи, если это из-за ошибки в моем коде или это просто невозможно?

Заранее спасибо!

1 Ответ

2 голосов
/ 24 января 2020

Попробуйте добавить условную логи c группу в форму вместо использования javascript. Посмотрите эту ссылку

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...