Всем привет. Может кто подсказать почему не работает данная связка? хтмл

<div class="bank_text-field">
<label class="bank_text-field__label">Область</label>
<select class="bank_text-field__input" id="automplete-1">
<option disabled>Város kiválasztása</option>
<option>Ташкенская</option>
<option>Ферганская</option>
<option>Самаркандская</option>
<option>Наманганская</option>
<option>Андижанская</option>
<option>Сурхандарьинская</option>
<option>Бухарская</option>
<option>Джизакская</option>
<option>Кашкадарьинская</option>
<option>Сырдарьинская</option>
<option>Навоийская</option>
<option>Хорезмская</option>
</select>
</div>


<div class="bank_text-field">
<label class="bank_text-field__label" id="select_town">Город</label>
<select class="bank_text-field__input">

</select>
</div>

js
const regionSelect = document.getElementById('automplete-1');
const townSelect = document.querySelector('#select_town + select');

regionSelect.addEventListener('change', async () => {
const region = regionSelect.value;
const response = await fetch(/api/towns?region=${region});
const towns = await response.json();

// очищаем список городов
townSelect.innerHTML = '';

// заполняем список городов
towns.forEach(town => {
const option = document.createElement('option');
option.value = town;
option.textContent = town;
townSelect.appendChild(option);
});
});

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

Понял)

const townSelect = document.querySelector('#select_town + select'); select is not defined