Не получается подставить текст в input
Подскажите что не так делаю
есть блок, кликая по которому вызывается модальное окно <div class="imp-spot-fontawesome-icon"></div> есть блок, в котором имеется заголовок h2 <div class="squares-element sq-col-lg-12 "> <h2 class="element">заголовок</h2> </div> есть модальное окно с формой <div id="openModal" class="modalDialog"> <div class="popup"> <form> <input type="text" name="text-669" value=""/> </form> </div> </div> хочу в value подставить значение с h2 addEventListener('click', ({target}) => {
if(target.closest('.imp-spot-fontawesome-icon')) {
const parent = target.closest('.squares-element'),
h2 = parent.querySelector('.element'),
text = div.textContent,
popup = document.querySelector('#openModal');
popup.querySelector('[name="text-669"]').value = text;
}
})
что то никак не получается подставить |
Цитата:
|
document.querySelector('.imp-spot-fontawesome-icon').addEventListener('click', () => {
document.querySelector('[name="text-669"]').value = document.querySelector('.element').textContent;
});
|
Спасибо, но что то не срабатывает все ровно
|
А если так:
document.addEventListener("DOMContentLoaded", function() {
document.querySelector('.imp-spot-fontawesome-icon').addEventListener('click', () => {
document.querySelector('[name="text-669"]').value = document.querySelector('.element').textContent;
});
});
|
Цитата:
На просто м тестовом примере все работает. <!DOCTYPE html>
<html>
<head>
<!--
<script src='https://code.jquery.com/jquery-latest.min.js'></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
document.addEventListener("DOMContentLoaded", () => {
let o = document.querySelector('.imp-spot-fontawesome-icon');
o.addEventListener('click', () => {
let oi = document.querySelector('[name="text-669"]');
let o=document.querySelector('.element');
oi.value = o.textContent;
});
});
</script>
</head>
<body>
<div class="imp-spot-fontawesome-icon">Нажми на меня</div>
<div class="squares-element sq-col-lg-12 ">
<h2 class="element">заголовок</h2>
</div>
<div id="openModal" class="modalDialog">
<div class="popup">
<form>
<input type="text" name="text-669" value=""/>
</form>
</div>
</div>
</body>
</html>
Если у тебя не так - смотри свои селекторы. Тестируй код пошагово... |
| Часовой пояс GMT +3, время: 21:28. |