Question

我试图通过javascript来提高div的可见性。

  <asp:LinkButton class="ProfilePageDetailLinks" ID="lbtnPersonal" runat="server" OnClientClick="VisibleTab('PersonalDetails')">Show Details</asp:LinkButton>
    <div id="PersonalDetails">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                            </ContentTemplate>
                        </asp:UpdatePanel>
    </div>

function VisibleTab(str) {
    if (document.getElementById(str).style.display == 'none') {
        document.getElementById(str).style.display = 'block';
    } else {
        document.getElementById(str).style.display = 'none';
    }

但是在回发之后，div会自动隐藏。

请检查下面的代码......它没有按预期工作..如何使其工作..这是我的实际怀疑......

<form id="form1" runat="server">
    <div>
        <div runat="server" id='G2'>
            content</div>
        <asp:Button ID="Button1" OnClientClick="javascript:document.getElementById('G2').style.visibility = 'visible';"
            runat="server" Text="show" />
        <asp:Button ID="Button2" OnClientClick="javascript:document.getElementById('G2').style.visibility = 'hidden';"
            runat="server" Text="hide" />
    </div>
    </form>

Answer 1

您可以return false;添加avoid postback

OnClientClick="VisibleTab('PersonalDetails'); return false;"

自动回发后，可见性变为无

1 个答案: