在提交按钮上显示div

这个问题可能已经被多次询问过了，我在应用不同网站上给出的方法时遇到了困难。在提交按钮上显示div

我有一个包含一个搜索栏

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

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

当一个字符的用户类型，并点击提交按钮，我调用不同的JSP“xyz.jsp”像

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>

来源

2012-07-20 S Jagdeesh

你可以做这样的事情

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

来源

2012-07-20 06:17:38 RakeshSharma

搜索页面也不要紧，如果它在JSP或PHP或ASP。方法是一样的。你应该使用java脚本。当页面最初加载时，您应该已经隐藏了div。当用户点击提交按钮时。将结果加载到div并将显示更改为true。我希望这有帮助。

来源

2012-07-20 06:15:15

在提交按钮上显示div

回答

相关问题