-1

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>
4

1 に答える 1

0

あなたはあなたに追加return false;することができavoidますpostback

OnClientClick="VisibleTab('PersonalDetails'); return false;"
于 2012-10-10T08:30:06.610 に答える