JS控制DIV显示与隐藏问题

在同一个asp.net 页面上有一个查询列表和查询选项，查询选项放在一个DIV里边，默认其display为none，通过一个“显示查询选项”按钮执行js来让此DIV显示。
 输入查询条件后，点击查询按钮，此时页面会重新加载，这样DIV又被隐藏了……
  我想实现的是，当用户查询后，被显示的DIV仍然保持显示状态，高手帮忙！

解决方案 »

  1.   

    <div id="DIV1" runat=server>在点击事件里，写DIV1.Attributes.Add("style","display:block");
    在Page_Load事件里写
    if(!Page.IsPostBack)
    {
     DIV1.Attributes.Add("style","display:none");
    }
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(document).ready(function(){
    $("#btn").click(function(){
          $("#chaxun").fadeIn(1000);
    });
    });</script>
    </head>
    <body>
    <div id="chaxun" style="display:none">查询显示</div>
    <input type="button" value="查询" id="btn" />
    </body>
    </html>其他的效果楼主自己加上就可以了
      

  3.   

    楼主 通过 asp.net 来控制当 “查询按钮”  被点击 后   控制 div 的style的属性为  block因为页面重新载入；但用 JS还是控制不了的 
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script language="javascript">
    function displaydiv()
    {
     document.getElementById('query').style.display='block';
    }</script>
    </head>
    <body>
    <div id="query" style="display:none">查询显示</div>
    <input type="button" value="显示查询选项" id="btn" onclick="displaydiv()"/>
    </body>
    </html>
      

  5.   

    你问题解决了吗、我也遇到过类似的问题
    我是在窗体加载的时候做了个判断，在地址栏多加了一个参数、窗体加载的时候判断参数的值，从而让div显示或不显示
      

  6.   

    不要用JS了
    直接用Panel控件 
    然后显示按钮返回后台设置 Panel的显示，隐藏