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

我在c＃asp.net中有一个webform，它包括向数据库添加一些数据。用户可以选择“添加其他产品”或“结账”。隐藏和显示表单（面板）onclick

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

如果可能，我想隐藏一种类型的手风琴，并显示新的那样。如果不是，只是一个正常的隐藏和表演。此外，该页面不应该重新加载和丢失数据。

到目前为止，我已经试过：

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>

但它似乎并没有工作。

任何帮助？如果我可以用手风琴做，我会非常开心

谢谢！

来源

2016-12-01 aiden87

当您设置一个控件的可见性为false，有效地从网页中删除它，这就是为什么你会丢失你的数据。 –

如果它是一个客户端操作忘了ASP的控制和使用正常的Web控件与JQuery的：

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

来源

2016-12-01 08:23:47 Emad

好的这个工程。但这是否意味着我必须多次输入表单？我想实现的是，当我按下“添加新产品”时，form1会隐藏并显示新的。这意味着每次客户点击添加新产品时，表单都应该隐藏并打开新的产品 – aiden87

我真的不了解您的情况，但您可以在客户端执行非常高级的事情。只需将客户端和服务器端需求分开即可。 – Emad

当我点击我的“添加新产品”时，手风琴不起作用。它并没有隐藏自己，实际上没有任何反应 – aiden87

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

回答

相关问题