Javascript 将过滤后的常量放入选择框中

所以我有两组材料和比特。我创建了一个常量selectedbits，并对其进行过滤，比较材料的属性是否相同，以及bits的属性cel是否长于用户输入值。然后，这将返回作为所选位可用的位。那部分有效。我可以在检查是否填充了正确的位时看到。但似乎无法获取selectedBit.name以打印/填充select下拉列表

当显示正确数量的下拉项时，我得到的结果将被过滤，但值为“未定义”

未定义（修改html使其显示在此处）

var select2=document.getElementById（'displayBits'）；
var材料=[
{名称：“丙烯酸”，金属：假，塑料：真，多用途：真，软：假，硬：真}，
{名称：“铝”，金属：真，塑料：假，多用途：假，软：假，硬：真}，
{名称：“木材-软”，金属：假，塑料：真，多用途：真，软：真，硬：假}，
{名称：“木材-硬”，金属：假，塑料：真，多用途：真，软：假，硬：真}
];
变量位=[
{名称：'M1-308U'，材料：'metal'，ced:3，cel:8，凹槽：1，角度：'up'，rpm:60000，软：.003，硬：.005}，
{名称：'M1-308UC'，材料：'metal'，ced:3，cel:8，凹槽：1，角度：'up'，rpm:60000，软：.003，硬：.005}，
{名称：'M1-408U'，材料：'Mutlipuse'，ced:4，cel:8，凹槽：1，角度：'up'，rpm:60000，软：004，硬：006}，
{名称：'M1-506D'，材料：'wood'，ced:5，cel:6，长笛：1，角度：'down'，rpm:50000，软：005，硬：007}，
{名称：'M1-506U'，材料：'wood'，ced:5，cel:6，凹槽：1，角度：'up'，rpm:55000，软：005，硬：007}
];
如果（！event.target.matches（'.materialButton'））{
const material=materials.find（item=>item.name==materialValue）；
const selectedBits=位。过滤器（位=>
（material.plastic和&bit.material==‘plastic’和&bit.cel>=厚度值）|
（material.metal和&bit.material=='metal'和&bit.cel>=厚度值）|
（material.multipurpose&&bit.material==='multipurpose'&&bit.cel>=厚度值）
);
对于（变量i=0；i

这行有一个打字错误

opt.innerHTML = selectedBit.name;
opt.value = selectedBits.name;

应该是

opt.innerHTML = selectedBits[i].name;
opt.value = selectedBits[i].name;

---

selectedBits[i]。名称

？甜美。我已经发现了打字错误，但添加[I]就成功了。谢谢很高兴你的问题得到了回答：）欢迎来到Stackoverflow！！接受解决方案如果对你有效我如何接受解决方案？算了，算了吧。

opt.innerHTML = selectedBits[i].name;
opt.value = selectedBits[i].name;