Javascript 单击事件后引导折叠未保留状态

我正在使用引导折叠。我已经设置了3个不同的面板，每个面板都有添加按钮。当我点击“添加”按钮面板2时，页面被刷新，不再保持其状态，结果显示面板1

<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title">
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" id="col1">Stock Detail</a>
    </h4>
  </div>
  <div id="collapse1" class="panel-collapse collapse in">
    <div class="panel-body">
      <table class="table">
        <tr>
          <td>Stock Name</td>
          <td>
            <asp:TextBox ID="tbstockname" runat="server" CssClass="form-control"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" ValidationGroup="gp2" runat="server" ControlToValidate="tbstockname" ErrorMessage="Stock Name Required"></asp:RequiredFieldValidator>
          </td>
          <td>Client Name</td>
          <td>
            <asp:DropDownList ID="ddclientname" runat="server" CssClass="form-control">
            </asp:DropDownList>
          </td>
          <td>
            <asp:Button ID="btnaddstock" runat="server" ValidationGroup="gp2" Class="btn btn-primary" Text="ADD" OnClick="btnaddstock_Click" />
          </td>
        </tr>
        <tr>
          <td>
          </td>
        </tr>
      </table>
      <asp:GridView ID="gvstockdetail" class="table" runat="server" Width="500px">
      </asp:GridView>
    </div>
  </div>
</div>

---

您的问题是您正在使用服务器控件。有了它，就会有一个回发到服务器的帖子。虽然有些人在这方面很幸运

OnClientClick="return false;" 

为了防止发生这种刷新，您需要使用html元素，而不是服务器元素，并使用ajax调用您的函数。比如：

<input type="button" onclick="doAction()" />

有关ajax调用的更多信息，请参阅文档：

---

如果不从单击操作中看到代码，则很难回答。您是在触发需要重新加载页面的操作，还是可以通过ajax调用来完成？如果不能使用ajax，则必须从服务器上传递一些值，以传达当前页面状态的要求。@EricG实际上，请单击在gridview中添加文本框值的操作。

var doAction = function() {
    //ajax call to your server
};