Skip to content
document.addEventListener("DOMContentLoaded", function () {
console.log("WPForms State-City Filter Script Loaded");
// Define cities per state
const citiesByState = {
"AC": ["Rio Branco", "Cruzeiro do Sul", "Senador Guiomard"],
"AL": ["Maceió", "Arapiraca", "Palmeira dos Índios"],
"AM": ["Manaus", "Parintins", "Itacoatiara"],
"BA": ["Salvador", "Feira de Santana", "Vitória da Conquista"],
"SP": ["São Paulo", "Campinas", "Santos", "Sorocaba"]
};
function updateCityDropdown(stateDropdown, cityDropdown) {
// Clear city options
cityDropdown.innerHTML = '';
// Get selected state
const selectedState = stateDropdown.value;
console.log("Selected State:", selectedState);
// Populate city dropdown
if (citiesByState[selectedState]) {
citiesByState[selectedState].forEach(city => {
const option = document.createElement("option");
option.value = city;
option.textContent = city;
cityDropdown.appendChild(option);
});
}
}
function attachDropdownEvents() {
const stateDropdown = document.querySelector(".state-dropdown select");
const cityDropdown = document.querySelector(".city-dropdown select");
if (stateDropdown && cityDropdown) {
console.log("Dropdowns Found: State & City");
stateDropdown.addEventListener("change", function () {
updateCityDropdown(stateDropdown, cityDropdown);
});
} else {
console.warn("State or City dropdown not found. Retrying...");
setTimeout(attachDropdownEvents, 500); // Retry after WPForms loads
}
}
attachDropdownEvents(); // Initialize function
});
