Форум

andrey8501 · #1 (**permalink**) 23.03.2021, 07:30

Подскажите что не так делаю

есть блок, кликая по которому вызывается модальное окно

<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;     
   }
   })

что то никак не получается подставить

ksa · #2 (**permalink**) 23.03.2021, 07:57

Сообщение от andrey8501

что то никак не получается подставить

Ты бы это как-то в один тестовый пример собрал - было бы понятнее...

MC-XOBAHCK · #3 (**permalink**) 23.03.2021, 09:50

document.querySelector('.imp-spot-fontawesome-icon').addEventListener('click', () => {
    document.querySelector('[name="text-669"]').value = document.querySelector('.element').textContent;
});

andrey8501 · #4 (**permalink**) 23.03.2021, 10:03

Спасибо, но что то не срабатывает все ровно

MC-XOBAHCK · #5 (**permalink**) 23.03.2021, 11:43

А если так:

document.addEventListener("DOMContentLoaded", function() {
document.querySelector('.imp-spot-fontawesome-icon').addEventListener('click', () => {
    document.querySelector('[name="text-669"]').value = document.querySelector('.element').textContent;
});
});

ksa · #6 (**permalink**) 23.03.2021, 19:31

Сообщение от andrey8501

но что то не срабатывает все ровно

Это все от лени твоей...

На просто м тестовом примере все работает.

<!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>

Если у тебя не так - смотри свои селекторы. Тестируй код пошагово...

Форум

Справочник

Discord чат

Курсы javascript