在提交按鈕上顯示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

回答

相關問題