Question

这个问题可能已被多次询问，我在应用不同网站的方法时遇到了困难。

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

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

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

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

    <div id="searchPage">
    <%@include file="searchResult.jsp"%>
    </div>

我的要求是当页面加载时，它应该只显示搜索文本框和提交按钮。当他/她点击提交按钮时，应该调用并显示包含另一个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>

Answer 1

你可以做这样的事情

<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>

Answer 2

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

在提交按钮上显示div

2 个答案: