輸出新結果時，如何將先前結果保留在頁面上？
[英]How do I keep the previous result on the page when outputting a new one?
問題描述
我試圖在單擊“提交”按鈕后將先前提交的值保留在屏幕上。 例如，如果我輸入Apple並按Submit，則出現Apple 。 但是，如果我輸入Banana ， Apple消失，由Banana代替。 提交Banana后，有沒有辦法讓Apple留在頁面上？ 這是我正在使用的HTML / JavaScript。
<!DOCTYPE html>
<html>
<head>
<title>HTML JavaScript output on same page</title>
<script type="text/JavaScript">
function showMessage() {
var message = document.getElementById("message").value;
display_message.innerHTML = message;
}
</script>
</head>
<body>
<form>
Enter message: <input type="text" id="message">
<input type="button" onclick="showMessage()" value="submit" />
</form>
<p> Message is: <span id="display_message"></span> </p>
</body>
</html>
2 個解決方案
解決方案1
0 2017-03-26 17:46:17
我在函數的底部添加了一行額外的代碼，以清除每次單擊“提交”時輸入的文本。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var allMessages = "";
function showMessage(){
var message = document.getElementById("message").value;
allMessages += message + " ";
display_message.innerHTML= allMessages;
document.getElementById("message").value = "";
}
</script>
</head>
<body>
<form>
Enter message: <input type="text" id = "message">
<input type="button" onclick="showMessage()" value="submit" />
</form>
<p> Message is: <span id = "display_message"></span> </p>
</body>
</html>
解決方案2
0 已采納 2017-03-26 18:02:50
您只需要將輸入結合在一起。 取決於您希望它在屏幕上顯示的方式。 在這個例子中。 我將每個輸入推入數組，然后用逗號將數組加入並顯示列表。
如果您要進行更復雜的布局，請查看模板語言，例如： http : //handlebarsjs.com/
<body>
<form>
Enter message: <input type="text" id = "message">
<input type="button" onclick="showMessage()" value="submit" />
</form>
<p> Message is: <span id = "display_message"></span> </p>
</body>
JS
var entries=[];
function showMessage(){
var message = document.getElementById("message").value;
entries.push(message);
display_message.innerHTML= entries.join(",");
}
小提琴
當前一個成功完成時，如何對 api 進行新的調用？
[英]How do I make a new call to an api when a previous one finished successfully?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.