Ilo555 @Ilo555

Как решить проблему вывода названия города при клике на город?

Есть код который при клике на город выводит название города в окне. Код выводит только тот город который я укажу номером элемента например [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;

			};
		});