javascript - 无法使选择过滤器 JavaScript？

Question

我在 cloud firebase 中创建了一个包含国家/地区的集合，并在 html/css 中创建了一个包含国家/地区列表的选择框。我想创建一个过滤器，它将显示选定国家的列表。我已经创建了一个显示特定国家/地区的函数：

function showPoland(){
         db.collection("Poland").get().then(function(querySnapshot) {
         querySnapshot.forEach(function(doc) {
         // doc.data() is never undefined for query doc snapshots
         console.log(doc.id, " => ", doc.data());
         renderCountries(doc);
     });
   });
}

和从选择框中选择国家的功能：

 function selectCountry(){
        if(result =="Ukraine"){
          showUkraine();
       }
        else if(result=="Poland"){
    
          var x = document.getElementById("db-colection");
          x.style.display ="none";
          showPoland();
        }
     }

这是主要问题：当我选择乌克兰时，我得到了它，但是当我选择波兰时，波兰城市被添加到乌克兰城市中，但我想删除乌克兰城市并只显示波兰城市。

标签： javascripthtmlcssfirebase