修改腳本根據嵌套的下拉選擇顯示/隱藏div

我有一些下拉設置，用戶從下拉菜單中選擇他們的學年，然後根據他們選擇的內容，它會顯示一個div的信息和另一個下降，他們選擇他們的立場。根據他們選擇的職位，它顯示了該職位的簽約獎金。修改腳本根據嵌套的下拉選擇顯示/隱藏div

這一切都工作正常，但我想要發生的是，當用戶選擇不同的學年，我希望它隱藏他們目前選擇的學年開放的div，然後顯示新的。因此，如果他們選擇了高中，然後選擇了初級學院，我希望它關閉高中科目並開設初中科目。與選擇位置時相同，如果他們首先選擇「中心」然後「游擊手」，我希望它隱藏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 { 顯示：（另一個問題禮節在這裏！）無; } .visibleDiv {display：block; }

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

我使用的是原來在它有這個，這是隱藏的div，但讓他們嵌套我該怎麼辦導致問題的腳本。所以我需要一個更具體的選擇，我只是不知道該怎麼做。我對這類事情的瞭解是微不足道的，所以你越能夠嘲笑它，讓我瞭解更好！

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

，我將有更多的下拉菜單，並且比上述示例中的信息，但我只是想整理出了這之前，我去任何進一步增加的東西。

讓我知道你是否需要別的東西，謝謝你的幫助。

來源

2011-08-24 Preston

如果你可以，那麼我建議你使用jQuery。 jQuery的使用非常簡單，每天都會讓你的生活變得更輕鬆:)你必須在你的基本頁面中添加腳本標籤，以便jQuery加載並在你的應用程序中工作。如果jQuery是您的選擇，那麼請查看您的場景的實際示例： http://jsfiddle.net/snitin_78/HtHjs/。如果您繼續使用jQuery，則可以在代碼中的任意位置刪除對showDiv（）函數的調用。

來源

2011-08-24 23:07:14 legendofawesomeness

jQuery絕對是我想要的。它的工作完美無瑕，謝謝！ – Preston

修改腳本根據嵌套的下拉選擇顯示/隱藏div

回答

相關問題