2016-08-17 91 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