2016-08-17 66 views
0

我有這樣的DDL:DropDownList的選定值

 <asp:DropDownList ID="ddl" runat="server"> 
       <asp:ListItem Value="-1">Select</asp:ListItem> 
       <asp:ListItem Value="2">My Images</asp:ListItem> 
       <asp:ListItem Value="3">My Documents</asp:ListItem> 
     </asp:DropDownList> 

我想表明,下拉列表下面的圖像,只有當「我的圖片」

用戶點擊我知道如何當用戶點擊其中一個選項時打開警報,但我不知道如何在同一頁面中顯示內容。

感謝您的幫助。

+0

你可以用javascript做到這點:創建一個響應onchange事件的函數,然後如果選擇的選項是2,則將圖像放入div並顯示該div div – ElenaDBA

+0

或使用ASP.NET服務器端代碼並把圖像在一個面板,並改變該面板的知名度 – ElenaDBA

+0

我做到了,現在我有另一個問題.. 我有一個MySql數據庫,我想從數據庫中顯示的東西,無論如何,從數據庫中檢索信息在JavaScript中? – user6613640

回答

0

把一個div裏面的圖片:

<div id="myImages" class="ShowHide"> 
    your images here 
</div> 

添加JavaScript到服務器端:

ddl.Attributes["onchange"] = "ddl_onchange()"; 

添加CSS類:

<style> 
    .ShowHide { 
     display: none; 
    } 

</style> 

及以下的javascript代碼那會顯示或隱藏圖像div:

<script type="text/javascript"> 

    function ddl_onchange(){ 
     var el = document.getElementById("ddl"); 
     var panel = document.getELementById("myImages"); 
     if (el.options[e.selectedIndex].value == "2") 
      panel.style.display ="block"; 
     else 
      panel.style.display ="none"; 

    } 
</script> 
+0

其現在工作對我來說.. 我把這個代碼在CS文件 ddl.Attributes [「平變化」] =「ddl_onchange()」中提取數據; 當我點擊選項時它沒有顯示圖像 – user6613640

+0

如果在JavaScript中if語句之前放置以下行,會發生什麼情況? '警報(el.options [e.selectedIndex]。價值);' – ElenaDBA