Как синхронизировать города

Есть <a href="#list_city" class="fancybox-inline popover-none" id="geo_promo_cityname">Воронеж</a> При нажатии открывается модальное окно с городами. После выбора города, например "Москва", город меняется, модальное окно закрывается. Строка становится вот такой <a href="#list_city" class="fancybox-inline popover-none" id="geo_promo_cityname">Москва</a> На этой же странице имеется фильтр, где можно выбирать город, что бы запустить поиск. Город выбирается через Select. Есть код, который получает город, после выбора в модальном окне и устанавливает выбор города в фильтре.

const select = document.querySelector('#cities').getElementsByTagName('option');
    for (let i = 0; i < select.length; i++) {
        if (select[i].label === document.getElementById("geo_promo_cityname").innerText) 
            {
                select[i].selected = true;      
                
            }
    }

Но в итоге, для того чтобы город появился в фильтре, как выбранные город, приходиться перезагружать страницу. Как сделать так чтобы, после выбора города в модальном окне, город появлялся в фильтре как выбранные, без перезагрузки, либо же как сделать однократную перезагрузку страницы. Пробовал вписать location.reload(); - бесконечно происходит перезагрузка страницы