Я пытаюсь заставить этот модал работать. У меня есть простое flask веб-приложение с базой данных SQLite и некоторым кодом JavaScript для добавления новых строк в таблицу с модальным режимом.
Редактирование строк, открытых до сих пор на новой странице, работало нормально. Теперь я хотел бы отредактировать строку в модальном режиме, а также добавить новую строку. Я изо всех сил пытаюсь заставить это работать, потому что есть идентификатор, чтобы пройти мимо, и я не знаю, как обращаться с этим в модальном.
Вот мой HTML файл:
Вот модальный JavaScript код:
// Get the button that opens the modal
var btn = document.querySelectorAll(".modal-button");
// All page modals
var modals = document.querySelectorAll('.modal');
// Get the <span> element that closes the modal
var spans = document.getElementsByClassName("close");
// When the user clicks the button, open the modal
for (var i = 0; i < btn.length; i++) {
btn[i].onclick = function(e) {
console.log (this.btn);
e.preventDefault();
modal = document.querySelector(e.target.getAttribute("href"));
modal.style.display = "block";
}
}
// When the user clicks on <span> (x), close the modal
for (var i = 0; i < spans.length; i++) {
spans[i].onclick = function() {
for (var index in modals) {
if (typeof modals[index].style !== 'undefined') modals[index].style.display = "none";
}
}
}