Есть код который при клике на город выводит название города в окне. Код выводит только тот город который я укажу номером элемента например [4]. Если удалить номер, то выводит в окно undefined, хотя стоит селектор на обработку всех элементов - querySelectorAll. Нужно чтобы при клике на город выводил в окне название этого города.
<div class="autocomplite_input">
<div contentEditable=true data-text="Выберите регион" class="modal-open" id="modalmd"></div>
<div class="modal" id="modal1">
<div class="dialog">
<div class="header_content_modal">
<p class="header_modal">Выберите регион заявок</p>
<div class="close_btn" id="close_cont">
<i class="fas fa-times"></i>
</div>
</div>
<ul class="content_item">
<li class="selected headmd">
<div class="text_item" data-filter="all" id="namecity">Любой регион</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Altajskij" id="namecity">Алтайский край</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Belgorodskaja" id="namecity">Белгородская область</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Brjanskaja">Брянская область</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Vladimirskaja">Владимирская область</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Volgogradskaja">Волгоградская область</div>
</li>
<li class="selected">
<div class="text_item" data-filter="Vologodskaja">Вологодская область</div>
</li>
</li>
</ul>
</div>
</div>
</div>
Сам js код
var a = document.querySelectorAll(".text_item");
[].forEach.call(a, function (el) {
el.onclick = function () {
var text_item = document.querySelectorAll(".text_item")[4].textContent;
document.querySelector(".modal-open").innerText = text_item;
};
});
Простой