Question

我在c＃asp.net中有一个webform，其中包括向数据库添加一些数据。用户可以选择“添加其他产品”或“结帐”。

如果用户点击“添加其他产品”，则当前表单应隐藏并打开一个新表单，这应该可以让他添加其他产品。如果他点击结帐，则应将其重定向到结帐。那么最后一步没问题。

如果可能的话，我想隐藏一种手风琴形式，并展示新的形式。如果没有，只是一个普通的隐藏和显示。此页面也不应重新加载和丢失数据。

到目前为止我的尝试：

rotected void btnAddNewProduct_Click(object sender, EventArgs e)
    {
        form1.Visible = false;
    }

第二个选项：

$(document).ready(function () {
function HideElement()
{
    document.getElementById("form1").style.display = "none";
}
});

<asp:Button ID="btnAddNewProduct" runat="server" class="form-control" Text="Add procut" OnClientClick="btnAddNewProduct_Click"/><br />

还尝试输入：

<div class="accordion">
<form id="form1" runat="server">
</form>
</div>

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes /base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
 $( function() {
 $( "#accordion" ).accordion();
  } );
  </script>

但它似乎不起作用。

有任何帮助吗？如果我能用手风琴

，我会很高兴

谢谢！

Answer 1

如果是客户端操作，请忘记ASP控件并使用JQuery的正常Web控件：

<button id="btnAddNewProduct">Add new</button>
<script>
    $(document).ready(function(){
        $("#btnAddNewProduct").click(function(){
            $("#accordion").accordion();
        })
    });
</script>

隐藏并显示表单（面板）onclick

1 个答案: