私は送信ボタンを押すと、以前に提出された値を画面に保存しようとしています。たとえば、Apple
と入力してsubmitを押すと、Apple
が表示されます。ただし、Banana
と入力すると、Apple
が消え、Banana
に置き換えられます。 Banana
を提出した後、ページにApple
を保存する方法はありますか?ここに私が使っているHTML/JavaScriptがあります。新しい結果を出力するには、以前の結果をページに保存するにはどうすればよいですか?
0
A
答えて
0
入力を一緒に入力するだけで済みます。それを画面上にどのように表示するかによって異なります。この例では、私は各入力を配列に押し込み、コンマで配列を結合してリストを表示します。
あなたは、より複雑なレイアウトを行うために探している場合たとえば、テンプレート言語を見てみましょう:
+0
優秀!ありがとうございました!これは完璧です! – Clarence
+0
あなたは私の答えを受け入れることができますか?ありがとうございました。喜んで助けてくれました。 – MartinWebb
0
"submit"をクリックするたびにテキスト入力をクリアするために、関数の最後に余分なコード行を追加しました。
<!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>
関連する問題
- 1. フラスコアプリの同じページに出力結果を投稿するにはどうすればよいですか?
- 2. deftemplateを使用して結果をCLIPSに保存するにはどうすればよいですか?
- 3. メソッドを呼び出してその結果を出力するにはどうすればよいですか?
- 4. NSMutableArrayをNSUserDefaultsに保存し、TableViewで結果を表示するにはどうすればいいですか?
- 5. ブラウザで以前の結果からデータを復元するにはどうすればよいですか?
- 6. 結果をExcelファイルまたはCSVファイルに保存するにはどうすればよいですか?
- 7. 以下の結果をPythonでファイルに書き出す方法/結果を保存するには?
- 8. imacroからgoogleを検索して結果を保存するにはどうすればよいですか?
- 9. BigQueryのクエリ結果を別のテーブルに保存するにはどうすればよいですか?
- 10. WebMatrixのアプリケーション変数にクエリの結果を保存するにはどうすればよいですか?
- 11. 結果をバーコードのテキスト表示に保存するにはどうすればよいですか?
- 12. PageSpeed Insightsの結果をGoogle BigQueryに保存するにはどうすればよいですか?
- 13. 関数の結果を同じオブジェクトに保存するにはどうすればよいですか?
- 14. 多くの結果を同じfile.matに保存するにはどうすればよいですか?
- 15. NLTKの一致結果をリストに保存するにはどうすればよいですか?
- 16. spark.writeStreamの結果をハイブに保存するにはどうすればよいですか?
- 17. GoogleマップAPIから返された結果を保存するにはどうすればよいですか?
- 18. イメージ入力結果を同じページに表示するにはどうすればよいですか?
- 19. svmの結果とsvmの結果をプロットするにはどうすればよいですか?
- 20. 結果をテキストファイルに保存するにはどうすればよいですか?
- 21. Rのファイルにアルゴリズムの結果を出力するにはどうすればよいですか?
- 22. 中間結果をパイプラインから画面に出力するにはどうすればよいですか?
- 23. Mysqlデータベースからさらに検索結果を出力するにはどうすればよいですか?
- 24. mongodbから返された結果をperlで出力するにはどうすればよいですか?
- 25. メインクエリ出力にCTEの結果を追加するにはどうすればよいですか?
- 26. Python tkinterで新しい結果をテキストファイルに保存する
- 27. ビジュアルスタジオ2010のユニットテスト結果の保存を維持するにはどうすればよいですか?
- 28. プロンプトボックスの出力結果をアラートボックス自体ではなく新しい空白ページに印刷するにはどうすればよいですか?
- 29. テキストボックスの新しい行にループの結果を表示するにはどうすればよいですか?
- 30. 爆縮結果を配列に保存するにはどうすればいいですか?
http://handlebarsjs.com/
JS
フィドルは、単純に追加そこには+があります: 'display_message.innerHTML + = '' + message;' – moisrex
js配列/オブジェクトの入力ボックスの値をプッシュし、ループを使用して挿入したすべての値を表示するだけです。 – Jayanta