點擊按鈕點擊JSP更新頁面

我已經寫了一個.jsp文件，其內容應該在點擊按鈕後更新。我嘗試使用Javascript的appendChild，但它不工作，因爲這是一個.jsp文件。下面的代碼：點擊按鈕點擊JSP更新頁面

<%@ page contentType="text/html;charset=UTF-8" language="java" %> 
<html> 
<head> 
    <title> Hello World!</title> 
</head> 
    <p id="demo"><h1> Hello, </h1> 

<body> 
<br/>Firstname:<input type="text" name="firstname"> 
<button onclick="myFunction()">Enter</button> 

<%= request.getParameter("firstname") 
%> 
<script> 
    function myFunction() 
    { 
     var node=document.getElementById("demo"); 
     document.getElementById("demo").appendChild(<%= request.getParameter("firstname")%>); 
    } 
</script> 



</body> 
</html>

我想要的輸出爲「你好，直徑」，如果直徑輸入爲名字和被點擊回車鍵。名字應該附加到Hello，！

來源

2014-07-08 user2340345

將動態數據分配到一個變量中，然後將變量傳遞給appendChild方法 – sarath

您在腳本內混合了scriptlets。 javascript是一種客戶端技術。

雖然小腳本在應用程序服務器時，您編譯執行（他們不過是java的代碼）

試試這個，

<script> 
    function myFunction() 
    { 
     var node=document.getElementById("demo"); 
var value=<%= request.getParameter("firstname")%>; 
     document.getElementById("demo").appendChild(value); 
    } 
</script>

來源

2014-07-08 08:57:09

首先，你的按鈕的點擊並不會帶你回服務器，所以你不會需要使用小腳本訪問文本字段的值，可以在普通的HTML和Javascript

如下做到這一點：

<html> 
<head> 
<title> Hello World!</title> 
</head> 

<body> 
<div id="demo"><h1> Hello,<div id="displayName"></div> </h1></div> 
<br/>Firstname:<input type="text" name="firstName" id="firstName"/> 
<button onclick="myFunction()">Enter</button> 

<script> 
function myFunction() 
{ 
var firstName = document.getElementById("firstName"); 
document.getElementById('displayName').innerHTML = firstName.value; 
} 
</script> 



</body> 
</html>

來源

2014-07-08 10:42:00 DavSeq

點擊按鈕點擊JSP更新頁面

回答

相關問題