如何通过 js 选择 select 以便触发 change 事件并拉起城市？

.then(
        ()=>{
            var area = 'a2160';
            var elem = document.getElementById(area);
            elem.setAttribute("selected", "selected");
         
        }
        
    )
выбирает область но города не появляются в списке городов

<script type="text/javascript">
//выаодить все области
    let dataList = {};
    fetch("https://api.hh.ru/areas/5").then(response => {
        return response.json()
    }).then(
            json => {
                dataList = json;
                json.areas.forEach(area => {
                    var opt = document.createElement('option');
                    opt.value = area.id;
                    opt.setAttribute("id", "a" +area.id);
                    opt.innerHTML = area.name;
                    billing_area.appendChild(opt);
                }
                );
            }
    );
         // подтягивает города выбранной области   
    billing_area.addEventListener('change', () => {
        billing_city.innerHTML = '';
        dataList.areas.filter(item => item.id == billing_area.options[billing_area.selectedIndex].value)[0].areas.forEach(
                area => {
                    var opt = document.createElement('option');
                    opt.value = area.id;
                    opt.innerHTML = area.name;
                    billing_city.appendChild(opt);
                }
        )

    });
</script>

<select name="area" id="billing_area" class="country_to_state city_select " autocomplete="city">
        <option id="changearea"value="">Выбрать область</option>
</select>
<select name="city" id="billing_city" class="country_to_state city_select " autocomplete="city" required>
 <option value="">Выбрать город</option>
</select>