javascript - 在 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"。这将触发 PostBack。这意味着整个页面将重新加载，您使用 javascript 所做的更改将丢失。而且您不需要autoPostBack="True"，因为没有 OnSelectedIndexChanged 事件添加到 DropDownList。