Как скопировать значение из div в input, если таких конструкций на странице много одинаковых?

Question

[Support23]

К примеру, есть вот такая конструкция

<div class="section">
<span id="cena">123</span>
<input class="hidden_price" type="hidden" value="">
</div>


<div class="section">
<span id="cena">456</span>
<input class="hidden_price" type="hidden" value="">
</div>


<div class="section">
<span id="cena">789</span>
<input class="hidden_price" type="hidden" value="">
</div>

Как мне сделать так, чтобы при загрузке страницы числа из #cena передавались в значение инпута hidden_price?
Пытаюсь по всякому, но получается только так что скрипт берёт первое значение цены, и расставляет одинаковые значение во все другие конструкции

Answer 1

[Dino Winchester]

document.querySelectorAll(".section").forEach(n => {
	let databox = n.querySelector("span");
	let input = n.querySelector(".hidden_price");
	input.value = databox.textContent;
});

Кстати атрибут ID должен быть уникальным.

Comments

[Support23]

Очень крутой <3