DropDownList单击ASP.NET AJAX时选择的值

时间:2016-08-17 13:48:53

标签: javascript asp.net ajax

我有这个ddl:

foreach

我想只在用户点击"我的图片"

时才会在该下拉列表下方显示图片

我知道如何在用户点击其中一个选项时打开提醒,但我不知道如何在同一页面中显示内容。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

将图像放入div中:

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

将javascript添加到服务器端:

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

添加css类:

<style>
   .ShowHide {
       display: none;
    }

</style>

及以下是将显示或隐藏图像div的JavaScript代码:

<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>