Требуется. При выборе города менять список доступных районов

Переменные для работы

const districts = JSON.parse(filter.dataset.districts)
const city_select = document.querySelector('#city')
const district_select = document.querySelector('#district')

filtred_districts = []
let city_id = 2


    //Событие изменения select js
document.querySelector("select").addEventListener('change', function (e) {



//Фильтрует районы айди которых содержит city_id

     districts.forEach(dist => {
         if (dist.city_id === city_id) {
             filtred_districts.push(dist)
         }
     })


//Заполняем селект
   function appendOption () {

       for (var i = 0; i <= filtred_districts.length; i++) {
           var option = document.createElement("option");
           option.setAttribute("value", filtred_districts[i].name.toString());
           option.innerHTML = filtred_districts[i].name.toString();
           district_select.appendChild(option);
           console.log(district_select.length)
       }
   }

    let select_target = e.target.value
    console.log(select_target)
    if (select_target === "saint-petersburg") {
        appendOption()
    }
})