Question

我有一些下拉设置，用户从下拉菜单中选择他们的学年，然后根据他们选择的内容，它将显示带有一条信息的div和另一个选择其位置的下拉菜单。根据他们选择的位置，它会显示具有该位置签名奖金的div。

这一切都很好，但我想要发生的是当用户选择不同的学年时，我希望它隐藏他们当前选择的学年开放的div，然后显示新的。因此，如果他们选择了高中，然后选择了初级学院，我希望它能够关闭高中学生并开设初级学院。与选择位置时相同，如果他们首先选择Center，然后选择Shortstop，我希望它隐藏hs-center div并显示hs-shortstop div。如果这是有道理的。

脚本：（这里提出另一个问题！）

<script type="text/javascript"><!--
var lastDiv = "";
function showDiv(divName) {
//if value of the box is not nothing and an object with that name exists, then change      the class
if (divName && document.getElementById(divName)) {
    document.getElementById(divName).className = "visibleDiv";
    lastDiv = divName;
}
}
//-->
</script>

CSS： .hiddenDiv { display：none; } .visibleDiv { 显示：块; }

相关HTML： http://pastebin.com/PULvhY8d

我最初使用的脚本中有这个，它隐藏了div，但导致嵌套我的问题。所以我需要一个更具体的选择，我只是不知道该怎么做。我对这类事物的了解很少，所以你越是愚蠢，我就越明白了！

{
// hide last div
if (lastDiv) {
    document.getElementById(lastDiv).className = "hiddenDiv";
}

与本例中的内容相比，我会有更多的内容和信息，但我只想在进一步添加内容之前将其整理好。

如果您需要我的任何其他信息，请告诉我，谢谢您的帮助。

Answer 1

如果可以，那么我建议您使用jQuery。 jQuery使用起来非常简单，每天都会让你的生活更轻松:)你必须在你的基页中添加脚本标记，以便加载jQuery并在你的应用程序中工作。如果jQuery是您的选项，请在此处查看您的方案的工作示例： http://jsfiddle.net/snitin_78/HtHjs/。如果你继续使用jQuery，那么在代码中的任何地方删除对showDiv（）函数的调用。

根据嵌套下拉选择修改脚本以显示/隐藏div

1 个答案: