Javascript 从下拉列表中，仅显示选定列表及其子类别

我只想显示整个下拉列表，但当您选择一个选项时，剩余的列表将被删除，并且仅显示“保持选中状态”。我将向您显示当前代码，我所需要的是当我单击主项1时，主项2选项将消失，并且仅显示带有选项的主项1。或者，当我单击主项目2时，仅显示带有子类别的主项目2

var allhaschilds=document.queryselectoral.item-has-children a； 对于var x=0；x在click事件处理程序中，可以使用

e.target.parentNode

现在，如果您循环查看完整的选项列表

document.querySelectorAll(".item-has-children")

并将其与可隐藏其余选项的引用进行比较

下面是一些代码：

var=false； var allhaschilds=document.queryselectoral.item-has-children a； 对于var x=0；x这很好，但这里有一个bug。如果我想回到主要的第二项呢。在这种情况下，这是不可能的。我只能点击一个菜单。如果我想返回，在这种情况下是不可能的，我们需要将元素重置为初始状态，因为鼠标完全离开下拉菜单。我在上面的回答中对代码做了一些修改。你很完美，但是我可以通过单击此项目来选择一个项目以再次返回所有项目吗。例如，单击主项1并获得子项。好的，但是如果我再次点击主项1，我得到了所有的项主项1，主项2。。。。对不起，如果我觉得无聊，那也是可能的。我们只需要稍微修改一下click处理程序，以切换子菜单元素的可见性。我又一次改变了密码！完美的投票！谢谢