Conditional Fields for Contact Form 7

то-есть если у меня 20 городов, то каждому городу отдельно делать или можно каждому городу дать id и дату по id выводить нужный календарь? правильно я понял?

Я пытался сделать таким образом.

[select city "Город1" "Город2"]
[date date-booking]
[hidden selected-city]

document.addEventListener('DOMContentLoaded', function() {
  var citySelect = document.querySelector('select[name="city"]');
  var dateInput = document.querySelector('input[name="date-booking"]');
  var selectedCityInput = document.querySelector('input[name="selected-city"]');

  citySelect.addEventListener('change', function() {
    var selectedCity = citySelect.value;
    selectedCityInput.value = selectedCity;

    if (selectedCity === 'Город1') {
      dateInput.setAttribute('min', '');
      dateInput.setAttribute('max', '');
      dateInput.removeAttribute('readonly');
      dateInput.setAttribute('onclick', 'return showCalendar(this)');
    } else if (selectedCity === 'Город2') {
      dateInput.setAttribute('min', '');
      dateInput.setAttribute('max', '');
      dateInput.removeAttribute('readonly');
      dateInput.setAttribute('onclick', 'return showCalendar(this)');
    } else {
      dateInput.removeAttribute('min');
      dateInput.removeAttribute('max');
      dateInput.setAttribute('readonly', 'readonly');
      dateInput.removeAttribute('onclick');
    }

    dateInput.value = '';
  });
});

function showCalendar(element) {
  var selectedCity = document.querySelector('select[name="city"]').value;
  var currentDate = new Date();
  var selectedDate = new Date(element.value);

  if (selectedCity === 'Город1' && selectedDate.getDay() !== 4) {
    element.value = '';
    alert('Выберите дату отправления только по четвергам для города Город1.');
  } else if (selectedCity === 'Город2' && selectedDate.getDay() !== 3) {
    element.value = '';
    alert('Выберите дату отправления только по средам для города Город2.');
  }

  return false;
}

привязку javascritpt сделал через functions.php

ничего не получилось

• Ответ изменён 1 год, 2 месяца назад пользователем rlbeors.