隐藏和显示表单(面板) - javascript

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

如果用户单击“添加另一种产品”,则当前表单应隐藏并打开一个新表单,这将使他可以添加另一种产品。如果他单击结帐,它将把他重定向到结帐。好吧,最后一步没问题。

如果可能的话,我想将形式隐藏在一种手风琴中,并显示类似的样式。如果没有,则只是正常的隐藏和显示。同样,页面不应重新加载和丢失数据。

到目前为止,我已经尝试过:

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>

但这似乎不起作用。

有什么帮助吗?如果我能使用手风琴做的话我会很高兴

谢谢!

参考方案

如果是客户端操作,请忘记ASP控件,并在JQuery中使用普通的Web控件:

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

javascript popupwindow之后的行如何工作? - javascript

好的,我有一个来自后面代码的方法,可以创建一个popupwindow。然后有一行代码要在那之后执行,我想知道那行代码何时执行,是在使用popupwindow之后执行还是在创建popupwindow之后执行?例如:void exPopupWindowMethod() { string scr = "window.open('exampleP…

使用C#执行JavaScript页面 - javascript

我正在尝试使用C#抓取一个网站。在此过程中的某个时候,网站返回了我需要执行的JavaScript页面,以便它将生成一些参数,然后使用所生成的参数作为查询变量来发布请求。这是JavaScript文件https://jsfiddle.net/7aw5vr59/浏览器生成的结果文件如下所示:<imimxxxyyy id="ActiveX"…

Javascript-Urls的奇怪字符串比较行为 - javascript

最近,在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串,当我比较它们时返回false,但是在重新分配相同的字符串后,比较返回true。这是我的示例:var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…

将值设置为无法与jQuery一起使用的隐藏字段 - javascript

我有一个使用Visual Studio 2013创建的应用程序,但是在使用jQuery向隐藏字段分配值时遇到了一些问题。首先,我要为隐藏变量分配一个值,因为我无法直接访问.cs文件中标签的文本值,因此我必须将标签的值分配给隐藏的输入字段才能访问在.cs文件中。我希望这是有道理的。这是我在.aspx文件中的隐藏输入字段: <input type=…