Javascript 暂时把桌子藏起来

我正在制作一个类似邮件的系统。现在我面临一个问题，假设我有一个收件箱消息表显示在前面，在该表顶部有一个搜索栏来搜索来自特定用户的邮件。但是如何临时删除该收件箱表，并显示搜索栏的结果，如果用户单击搜索，收件箱中的邮件将返回

这是我的邮件搜索条形码：

 <div class="mail_search">
 <input type="text" class="mail_search_bar" placeholder="Search Mail" name="searchtext" onkeyup="searchuser(this.value)">

为了获得搜索结果，我在我的表格上方做了一个div，如下所示：

<div id="showtext"></div>
<div id="dtl_table"><table border='3' cellpadding='5'  cellspacing="0">

并且该表是从数据库中动态填充的，就像收件箱邮件一样

<tr bgcolor="#5D1B90" color="#FFFFFF" onmouseover="ChangeColor(this, true,false);" onmouseout="ChangeColor(this, false,false);" onclick="DoNav('showmail.jsp?mid=   <%=messageid%>');">    
<td><input type="checkbox" name="" onclick="DoRemove(event);"  width="20" class="select_all_mail" value=<%=messageid%>></td>
<td callspan="3" width="1000px"><%=sendername%>  :   <%=messagesubject%>      <%=sendingtime%></td>

</tr>

:         

脚本代码：

function searchuser(str){
    document.getElementById('dtl_table').style.visibility = "hidden";
    //var valuetosearch=document.myinbox.searchtext.value;

    //document.location.href='searchemails?searchfor='+valuetosearch;

    var xreq;
    if(str=="")
    {
      document.getElementById("showtext").innerHTML="";
      return;
    }

     if(window.XMLHttpRequest)
     {
       xreq=new XMLHttpRequest();
     }

     else
     {
        xreq=new ActiveXObject("Microsoft.XMLHTTP");
     }

     xreq.onreadystatechange=function ()
     {
        if((xreq.readyState==4) && (xreq.status==200))
        {
            document.getElementById("showtext").innerHTML=xreq.responseText;
         }
      }

      xreq.open("GET","searchemails.jsp?q="+str,"true");
      xreq.send();
}
</script>

函数搜索用户（str）{
document.getElementById（'dtl_table'）.style.visibility=“hidden”；
//var valuetosearch=document.myinbox.searchtext.value；
//document.location.href='searchemails？searchfor='+valuetosearch；
var-xreq；
如果（str==“”）
{
document.getElementById（“showtext”）.innerHTML=“”；
回来
}
if（window.XMLHttpRequest）
{
xreq=新的XMLHttpRequest（）；
}
其他的
{
xreq=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
xreq.onreadystatechange=函数（）
{
如果（（xreq.readyState==4）和&（xreq.status==200））
{
document.getElementById（“showtext”）.innerHTML=xreq.responseText；
}
}
xreq.open（“GET”，“searchemails.jsp？q=“+str，”true”）；
xreq.send（）；
}

但是，即使我像这样简单地检查searchmail.jsp中键入的文本，它也不会显示任何结果

<% String searchfor=request.getParameter("q");
%>
<h1><%=searchfor%></h1>

---

隐藏东西的简单方法是创建一个CSS规则，如

.hidden{display:none；}

。当有人使用搜索时，将类“hidden”添加到表中。如果要再次显示该表，请删除该类。为了确保应用该类，请尽可能具体地使用规则。例如，

表格#收件箱。隐藏

，而不仅仅是

。隐藏

---

当表格被隐藏时，页面布局会发生什么变化取决于页面的设置方式。

我的代码在哪里friend@Pilot我编辑了这篇文章，请看