Javascript 如何使用3个选择列表创建筛选选择列表

我需要创建一个多过滤器，但我不擅长JS。我有一个课程选择选项，其值格式为3101201，其中是我要筛选的ID

首先是该地区 下一场比赛是城市队 最后三个去乡下

上面我有3个框来过滤这些数据

var country=document.querySelector（“过滤器国家”）
var city=document.querySelector（#filtercity）
var region=document.querySelector（#filterregion）
country.addEventListener（“更改”，函数（）{
var co=document.querySelectorAll（“.selectcountry”）
var ci=document.querySelectorAll（“.selectcity”）
var re=document.querySelectorAll（“.selectregion”）
如果（this.value.length>0）{
对于（变量i=0；i

.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}

国家
澳大利亚
加拿大
智利
法国
爱尔兰
意大利
马耳他
墨西哥
新西兰
西班牙
大不列颠联合王国
美国
城市
加利福尼亚
纽约
西雅图
波士顿
区域
巴西
拉丁美洲
亚洲
欧罗巴
课程
巴西/库索1/加利福尼亚
巴西/库索2号/纽约
拉丁语/光标3/西雅图
拉丁语/光标4/纽约
亚洲/库索5/加利福尼亚
亚洲/库索6/波士顿
欧罗巴/库索7号/波士顿
欧罗巴/库索8号/纽约

你的

在哪里？在CSS中隐藏
？请不要链接到外部站点，它们可能会关闭，或者链接可能会中断。将来请使用一个片段。我现在放的，我已经忘记了。可能重复一个类似的案例，但我的案例是另一种情况。正如我所说，我不太擅长JS，我仍然相信有人可以帮助我，谁知道你：）