document.addEventListener("DOMContentLoaded", function() { var openModalBtn = document.getElementById("openModalBtn"); var modal = document.getElementById("myModal"); var modalBody = modal.querySelector(".modal-body"); var closeBtn = modal.querySelector(".close"); // Задайте данные, которые вы хотите передать var dataToPass = "Это данные, которые вы хотите передать"; // Функция для открытия модального окна и передачи данных openModalBtn.addEventListener("click", function() { modal.style.display = "block"; modalBody.textContent = dataToPass; }); // Функция для закрытия модального окна closeBtn.addEventListener("click", function() { modal.style.display = "none"; }); // Закрыть модальное окно при клике вне него window.addEventListener("click", function(event) { if (event.target == modal) { modal.style.display = "none"; } }); }); document.addEventListener("DOMContentLoaded", function() { var modal = document.getElementById("myModal"); var modalInput = modal.querySelector("#modalInput"); // ID поля в модальном окне var closeBtn = modal.querySelector(".close"); // Получите все кнопки "Открыть модальное окно" и добавьте обработчики событий var openModalButtons = document.querySelectorAll(".openModalBtn"); openModalButtons.forEach(function(button) { button.addEventListener("click", function() { // Получите значение из ячейки таблицы, предшествующей нажатой кнопке var row = button.closest("tr"); var cell = row.querySelector("td"); var cellValue = cell.textContent; // Поместите значение в поле модального окна modalInput.value = cellValue; // Откройте модальное окно modal.style.display = "block"; }); }); // Функция для закрытия модального окна //closeBtn.addEventListener("click", function() { // modal.style.display = "none"; //}); // Закрыть модальное окно при клике вне него window.addEventListener("click", function(event) { if (event.target == modal) { modal.style.display = "none"; } }); });