JavaScript - 根據表單選擇顯示/隱藏Div（回發）

Question

我有一個表單用於更新數據庫中現有的一組信息。在它內部是一個選擇框，當選擇選項'B'時，它顯示一個隱藏部分，選項'A'將隱藏該部分。這工作正常。

但是，當我從數據庫加載記錄集並將選擇框設置爲選項'B'以顯示隱藏的div時，它不會顯示。

這是因爲我使用'onchange'來切換DIV標籤。

如何讓JS正確顯示DIV標籤正確載入記錄集？目前要查看數據，我必須在兩個選項之間切換選擇框。

我完全不瞭解JS，下面的JS不是我的，我很感謝您的幫助。

感謝

<!--- show/hide DIV based on select ---> 

<script type="text/javascript"><!-- 
var lastDiv = ""; 
function showDiv(divName) { 
    // hide last div 
    if (lastDiv) { 
     document.getElementById(lastDiv).className = "hiddenDiv"; 
    } 
    //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> 
<style type="text/css" media="screen"><!-- 
.hiddenDiv { 
    display: none; 
    } 
.visibleDiv { 
    display: block; 
    border: 0px grey solid; 
    } 

--></style> 
<!--- end DIV hide ---> 



--------------snip---------- 



    <select name="ad_i" id="ad_i" onchange="showDiv(this.value);"> 
     <option value="in" <? echo $adtypea; ?> >Option A </option> 
     <option value="ba" <? echo $adtypeb; ?> >Option B</option> 
    </select> 

    <!--- start hiding DIV ---> 

    <div class="hiddenDiv" id="ba"> 

    <br /><br />Coding for Ad<br /> 

<select name="ad_type" id="ad_type"> 
     <option value="html" <? echo $codestylea; ?> >HTML</option> 
     <option value="adsense"<? echo $codestylef; ?>>Adsense/Other JavaScript Code</option> 
     <option value="img" default="default" <? echo $codestyleb; ?>>Image</option> 
     <option value="swf" <? echo $codestylec; ?>>Flash</option> 
    </select> 


    </div> 
    <!--- end Div for hidden---> 

Answer 1

你呈現的選擇框後，你想顯示/隱藏通話div的：

<script type="text/javascript"> 
var selectbox = document.getElementById("ad_i"); 
showDiv(selectbox.options[selectbox.selectedIndex].value); 
</script> 

，所以我覺得應該去後

<!--- end Div for hidden---> 

Answer 2

<script type="text/javascript"> 

    $(document).ready(function(){ 
    $('#bl_cat').on('change', function() { 
     if (this.value == 'vid') 
     //.....................^....... 
     { 
     $("#dis-vid").show(); 
     $("#dis-img").hide(); 
     } 
     else 
     { 
     $("#dis-img").show(); 
     $("#dis-vid").hide(); 
     } 
    }); 
}); 
</script>