Jsp 在提交按钮上显示div

这个问题可能被问过很多次，我在应用不同网站上给出的方法时遇到了困难

我有一个包含搜索字段的JSP页面

 ---------------------
|                     |   Type a Character to Search from the Database
|                     |  
 ---------------------

             =============
            |   Submit    |           
             ============= 

当用户键入一个字符并单击Submit按钮时，我调用了另一个JSP“xyz.JSP”，如

我的要求是当页面加载时，它应该只显示搜索文本框和提交按钮。当他/她单击submit按钮时，应该调用并显示包含另一个jsp的div

注意

我需要保留用户在单击提交按钮的搜索文本字段中输入的值。

搜索页面的代码

<div id="Search1">
    <aui:form action="......" method="post" name="searchForm" id="searchFormId">

        <aui:input id='name' name="name" label="Student Name" type="text"       value=""   size="50"/>

    </aui:form>
 </div>

不管它是在jsp、php还是asp中。方法是一样的。您应该使用java脚本。当页面最初加载时，应该已经隐藏了div。当用户单击提交按钮时。将结果加载到div中，并将显示更改为true。我希望这有帮助

你可以这样做

<script type="text/javascript">
function showResult(){

    var ele = document.getElementById("Search1");
    if(ele.style.display == "block") {
            ele.style.display = "block";
      }
    else {
        ele.style.display = "none";
    }

}
</script>

函数showResult（）{
var ele=document.getElementById（“Search1”）；
如果（ele.style.display==“块”）{
ele.style.display=“块”；
}
否则{
ele.style.display=“无”；
}
}

<script type="text/javascript">
function showResult(){

    var ele = document.getElementById("Search1");
    if(ele.style.display == "block") {
            ele.style.display = "block";
      }
    else {
        ele.style.display = "none";
    }

}
</script>