Javascript项目：第三个选择菜单没有更新？

Question

我在项目/家庭作业的最后阶段，我遇到了一个小问题。我的作业是创建三个动态生成的下拉菜单;但是第三个菜单没有根据第二个菜单的选择进行更新，而是创建了另一个菜单。第二个菜单根据第一个菜单的选择正确更新。谁能告诉我什么是错的？评论中有一个JSFiddle演示。谢谢大家！

Answer 1

问题是在创建另一个div之前，你没有删除id =“heroes”的div。您致电removeSiblings（x）;不会删除div＃hero，因为div＃hero不是select＃myTeams的兄弟。对于div＃hero来说，选择#myTeams是兄弟姐妹，你必须将它附加到div＃队而不是div＃stepOne。你必须改变小提琴的第108行：

document.getElementById('team').appendChild(heroDiv);

这将解决您在第二个菜单中选择更新第三个菜单的问题，但是当用户从第三个菜单中选择时，您将遇到类似的问题。