Есть кнопка вызывающая модальное окно. В окне есть форма в которой спрятан input. Задача: отправить значения атрибута value с кнопки вызова модального окна в спрятанный input. У меня почему-то возвращает value='undefined'. Помогите разобраться, пожалуйста. Заранее спасибо.
let modal = document.getElementById('modalForm');
let openModalBtn = document.getElementsByClassName('openModalBtn');
let setAttrInput = document.querySelector('input[type=hidden]');
let close = document.getElementsByClassName('closeModal')[0];
for (let i = 0; i < openModalBtn.length; i++) {
openModalBtn[i].addEventListener('click', function() {
openModalWindow();
})
}
close.addEventListener('click', function() {
closeModalWindow();
});
function openModalWindow() {
modal.style.display = "block";
if (openModalBtn.value === '') {
setAttrInput.setAttribute('value','');
}
setAttrInput.value = openModalBtn.value;
console.log(setAttrInput);
}
function closeModalWindow() {
modal.style.display = "none";
}
<button class="openModalBtn" value="value-1">
Перезвоните мне
</button>
<div id="modalForm" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Text</h3>
<span class="closeModal">×</span>
</div>
<div class="modal-body">
<p>text</p>
<form id="callbackForm" action="" method="post">
<input type="text">
<button type="submit" value="test text"></button>
<input type="hidden" id="test1" name="fromDate" value="">
</form>
</div>
</div>
</div>