Javascript 在asp.net中使用DropDownList显示和隐藏Div

这个JavaScript代码有什么问题。我想在asp.net下拉列表的Change（）上显示和隐藏Div。但这不是工作。问题是div显示但立即隐藏

<script type = "text/javascript">
    function ToggleVisible(ddl) {
        var div1 = document.getElementById('div_zam ');
        var div2 = document.getElementById('div_mah');
        var value = ddl.options[ddl.selectedIndex].value;
        if (value == 2) {
            div1.style.display = "none";
            div2.style.display = "block";
        }
        else {
            div1.style.display = "block";
            div2.style.display = "none";
        }
    }
</script>


<asp:DropDownList ID="myddl" runat="server" OnChange="ToggleVisible(this)"
            Width="127px" CssClass="style7" style="font-size: medium" Height="30px" 
             Font-Names="B Nazanin" ValidationGroup="3" AutoPostBack="True" 
            >
             <asp:ListItem Value="0">select</asp:ListItem>
             <asp:ListItem Value="1">one</asp:ListItem>
             <asp:ListItem Value="2">two</asp:ListItem>
         </asp:DropDownList>

函数切换可见（ddl）{
var div1=document.getElementById（'div_zam'）；
var div2=document.getElementById（'div_mah'）；
var value=ddl.options[ddl.selectedIndex].value；
如果（值==2）{
div1.style.display=“无”；
div2.style.display=“块”；
}
否则{
div1.style.display=“块”；
div2.style.display=“无”；
}
}
选择
一
二

您在下拉列表上设置了

autoPostBack=“True”

。这将触发回发。这意味着整个页面将被重新加载，您使用javascript所做的更改将丢失。 而且您也不需要

autoPostBack=“True”

，因为DropDownList中没有添加OnSelectedIndexChanged事件