Javascript 在多个选择字段上仅允许1个选择选项

我有多个具有所有相同选项的选择字段。如果在1个选择字段中选择了一个选项，则应从所有其他字段中删除相同的选项。嗯，这应该不是问题，因为我的代码已经完成了这项工作。问题是当我重新选择一个选项时。例如，在选择字段1上，我选择选项“Fiel 1”。该选项现在已从所有其他选择字段中删除。现在，当我在同一字段上选择另一个选项时，选项“字段1”已从所有其他字段中删除，即使它不再被选中

但是，我的目标是，所选选项只应选择一次。因此，如果选择了该选项，则应将其从所有其他字段中删除；如果未在任何位置选择该选项，则该选项应在任何位置都有效

这就是我迄今为止所尝试的：

const levels=document.querySelectorAll（'select'）；
设字段=['field1'、'field2'、'field3'、'field4'、'field5']；
让missingOptions=[]；
for（让级别的级别）{
级别。addEventListener（'change'，（e）=>{
//console.log（如target.value）；
for（让级别的级别）{
如果（级别！==e.目标）{
for（设i=0；i-1）{//if找到
缺失选项。拼接（索引1）；
}
}
}
}
}
}
});
}

排序
一级

字段1
字段2
字段3
字段4
字段5
第二级

字段1
字段2
字段3
字段4
字段5
第三级

字段1
字段2
字段3
字段4
字段5

您可以跟踪所选选项，并在其他

选择

元素中禁用该选项

const selectedOptions=Array（3）。填充（“”）；
document.querySelector（'table'）。addEventListener（'change'，e=>{
const selects=document.querySelectorAll（'select'）；
selectedOptions[e.target.id]=e.target.value；
[…选择].forEach（选择=>{
如果（e.target.id！==select.id）{
const options=select.getElementsByTagName（'option'）；
[…选项].forEach（（选项）=>{
option.disabled=selectedOptions.includes（option.value）；
});
}
});
});
排序
一级

字段1
字段2
字段3
字段4
字段5
第二级

字段1
字段2
字段3
字段4
字段5
第三级

字段1
字段2
字段3
字段4
字段5
为什么要从DOM中删除这些选项？只需切换他们的属性