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

Question

这个 JavaScript 代码有什么问题。我想在 asp.net 中显示和隐藏下拉列表的 Div On Change()。 但它不工作。 问题是 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>

Answer 1

您在 DropDownList 上设置了autoPostBack="True" 。 这将触发回发。 这意味着整个页面会重新加载，而您使用 javascript 所做的更改将丢失。 而且您无论如何都不需要autoPostBack="True" ，因为没有添加到 DropDownList 的 OnSelectedIndexChanged 事件。