Question

我的代码如下。我想在用户单击“隐藏”按钮时使用Javascript（无需转到服务器）隐藏更新面板。虽然javascript函数似乎在调试中运行良好，但它并不隐藏！

<script type="text/javascript" language="javascript">

    function Show() {
        document.getElementById("UpdatePanel1").Visible = true;
    }
    function Hide() {
        document.getElementById("UpdatePanel1").Visible = false;
    }


</script>

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:Button ID="btnShow" runat="server" Text="Show" OnClientClick="Show(); return false;" />
    <asp:Button ID="BtnHide" runat="server" Text="Hide" OnClientClick="Hide(); return false;" />

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <br />
            <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>
            <br />
            <asp:Button ID="btnSubmit" runat="server" Text="Gönder" 
                onclick="btnSubmit_Click" />
            <br />
        </ContentTemplate>
    </asp:UpdatePanel>
</div>
</form>

Answer 1

您需要使用UpdatePanel1的客户端ID

document.getElementById('<%=UpdatePanel1.ClientID%>');

AJAX UpdatePanel.Visible属性不能与Javascript一起使用

1 个答案: