Javascript 如何防止选定图元具有重复选项

Javascript 如何防止选定图元具有重复选项,javascript,html,Javascript,Html,我正在制作一个日历页面,用户可以在其中选择一周中的任何一天,但选项不得与其他日期中已选择的选项重复 看看下面我的意思: var elementOption=[-,周一,周二,周三,周四,周五,周六,周日] 函数更新元素{ //做点什么,IDK } 如何防止A中的选定选项显示在选项B和C中,反之亦然? A. - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 B - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 C - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 下

我正在制作一个日历页面,用户可以在其中选择一周中的任何一天,但选项不得与其他日期中已选择的选项重复

看看下面我的意思:

var elementOption=[-,周一,周二,周三,周四,周五,周六,周日] 函数更新元素{ //做点什么,IDK } 如何防止A中的选定选项显示在选项B和C中,反之亦然? A. - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 B - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 C - 星期一 星期二 星期三 星期四 星期五 星期六 星期日
下面是一个显示VanillaJS动态的粗略解决方案

常量选项=[ -, 星期一 星期二 星期三 星期四 星期五 星期六 星期日 ] const daysSelected=[] const selectedListBox=document.getElementById'selected' 函数updateelem,targetId{ 所选常数=元素值 如果选择=='-'返回 daysSelected.pushselected //打印出已选定的日期 const otherSelector=document.getElementByIdtargetId //用可用选项替换目标选择器 otherSelector.innerHTML= otherSelector.insertAdjacentHTML "之前",, 选择权 .filteroption=>daysSelected.indexOfoption==-1 .mapoption=>`${option}` selectedListBox.innerHTML=daysSelected } 常数重置==>{ daysSelected.length=0; [document.getElementById'selector1', document.getElementById'selector2'].ForEachLem=>{ elem.innerHTML= 插入元素 "之前",, 选择权 .filteroption=>daysSelected.indexOfoption==-1 .mapoption=>`${option}` } selectedListBox.innerHTML= } 每一个都不重复 - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 - 星期一 星期二 星期三 星期四 星期五 星期六 星期日 选定日期:


重置用户应该先在A、B、C中选择某个内容吗?或者用户可以随时在任何框中选择一个值?感谢您花时间回答此问题。您获得了正确的零件,所选零件将删除其他零件中的该选项。然而,我的目标是在其他人说B被更改后立即在更新中不选择所有其他选项,反之亦然,我的意思是不从列表中删除。不管怎么说,这个问题对我来说太头疼了,我无法继续追求,所以我会让你接受这个答案。谢谢非常感谢。我用一些更简洁的代码更新了答案,应该能更好地解决你的问题:D