如何获取下拉菜单以从 json 文件返回匹配项

Question

我正在尝试获取一个下拉菜单来搜索特定肌肉群的锻炼，但是单击“搜索”时无法填充任何内容： 这是 json 数据的片段： ()

html： ()

此函数将所有卡片放到页面上。 createCards() 创建每张卡片 ()

我在表单上创建了一个提交事件并尝试调用 renderCards 然后过滤每张卡片以便搜索结果等于锻炼肌肉并返回该肌肉的卡片但我无法得到任何工作。我已经尝试在此事件侦听器上创建另一个获取请求，但无法获取任何卡片：

form.addEventListener('submit', (event) => {
    event.preventDefault()
    document.querySelectorAll('.card').forEach(event => event.remove())