Шаг 5 не так, как я не думаю, что идентификатор передается из «Селектор" события "правильно, таким образом, он не может найти участников, но они находятся в типе после. .sstatic.net /82y23dft.png " /> < /p>
Вот мой полный код: < /p>
Adventure Registration
Personal Details
Address & Contact Details
Billing Details
Adventure Attendees
Medical Assessment
Consent
Personal Details
Select Your Adventure:
-- Choose an Adventure --
Next
document.addEventListener("DOMContentLoaded", function() {
const eventDropdown = document.getElementById("event-dropdown");
const nextButton = document.getElementById("next-step-btn");
const eventWarning = document.getElementById("event-warning");
const selectedEventId = document.getElementById("selected_event_id");
// Load stored event from sessionStorage (if previously selected)
if (sessionStorage.getItem("selected_event_id")) {
eventDropdown.value = sessionStorage.getItem("selected_event_id");
selectedEventId.value = sessionStorage.getItem("selected_event_id");
eventWarning.style.display = "none";
nextButton.disabled = false;
}
// Store event selection in sessionStorage
eventDropdown.addEventListener("change", function() {
if (this.value !== "") {
nextButton.disabled = false;
eventWarning.style.display = "none";
selectedEventId.value = this.value;
// Store event ID & name in sessionStorage
const selectedOption = this.options[this.selectedIndex];
sessionStorage.setItem("selected_event_id", this.value);
sessionStorage.setItem("selected_event_name", selectedOption.dataset.name);
} else {
nextButton.disabled = true;
eventWarning.style.display = "block";
sessionStorage.removeItem("selected_event_id");
sessionStorage.removeItem("selected_event_name");
}
});
// Validate DOB format
const dobInput = document.getElementById("personal_dob");
const dobWarning = document.getElementById("dob-warning");
const datePattern = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(19|20)\d{2}$/;
dobInput.addEventListener("input", function() {
if (!datePattern.test(dobInput.value)) {
dobWarning.style.display = "block";
dobInput.style.border = "2px solid red";
} else {
dobWarning.style.display = "none";
dobInput.style.border = "2px solid green";
}
});
});
Address & Contact Details
Back
Next
Billing Details
Back
Next
Adventure Attendees
Adding attendees for:
Loading...
+ Add Attendee
Attendees Added:
- Подробнее здесь: https://stackoverflow.com/questions/794 ... ssing-over