如何顯示我隱藏div區域當我點擊一個提交和同一時間調用servlet

我創建了一個jsp（upload.jsp）頁面上傳文件。當我點擊提交時，它會調用servlet並讀取文件內容。另一個jsp頁面（稱爲filecontent.jsp）用於顯示內容。我在upload.jsp中使用來插入filecontent.jsp。它是隱藏的。我真正想要的是當我點擊上傳時，它應該調用servlet，然後在同一頁面中顯示iframe，以便我可以顯示文件內容。如何顯示我隱藏div區域當我點擊一個提交和同一時間調用servlet

這是我的jsp頁面。

<form class="form-horizontal" name="regist" action="Registration" onsubmit="return validateFile(this)" enctype="multipart/form-data" 
      method="post"> 

      <div class="control-group" class="span12"> 
       <label class="control-label" for="file">Please upload a 
        file:</label> 
       <div class="controls"> 
        <input type="file" name="file"/> 
       </div> 
      </div> 
      <div class="control-group"> 
       <div class="controls"> 


        <button type="submit" class="btn btn-primary">Upload</button> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div id="showFrames" class="hidden"> 
<iframe src="filecontent.jsp" width="700" height="800"></iframe> 
</div>

這是我的腳本。

<script> 
function validateFile(form) { 
    var fileName = form.file.value; 
    if (!fileName) { 
     alert("No File Selected!!!"); 
     return false; 
    } 
    else 
    { 
     $("#showFrames").show(); 

    } 
} 
</script>

但它不工作。當我點擊上傳時，它不顯示框架。什麼是錯誤，我該怎麼辦？

來源

2013-03-13 Shiju K Babu

如果你想顯示你必須設置該iframe作爲表單的目標iframe中Registration請求的響應：

<form target="myframe" ...>和<iframe src="filecontent.jsp" name="myframe ...>

來源

2013-03-13 12:18:15 zeroflagL

謝謝。但是如果我想要顯示多個i幀，該怎麼辦？ – 2013-03-13 12:21:03

許多iframe中有一個響應？或者iframe 1中的第一個請求的響應，iframe 2中的第二個響應等？或者是其他東西？ – zeroflagL 2013-03-13 12:26:15

看來你正在使用jQuery選擇？ jQuery加載？

如果你的class .hidden {display：none; }包含你可以這樣使用VanillaJS：

function validateFile(form) 
{ 
    var fileName = form.file.value; 

    if (!fileName) 
    { 
     alert("No File Selected!!!"); 
     return false; 
    } 
    else 
    { 
     document.getElementById("showFrames").style.display = "block"; 
    } 
}

來源

2013-03-13 12:20:23 Haje

如何顯示我隱藏div區域當我點擊一個提交和同一時間調用servlet

回答

相關問題