javascript - jQuery :How to store textbox value clientside and display?

Question

下面的代码将在单击按钮时更新用户在文本框中输入的显示值，但在此代码中它不会保留用户先前输入的值。

<h1>Type your comment below </h1>
<input id="txt_name" type="text" value="" />    
<button id="Get">Submit</button> 
<div id="textDiv"></div> - 
<div id="dateDiv"></div>

jQuery(function(){
    $("button").click(function() {
        var value = $("#txt_name").val(); 
        $("#textDiv").text(value);
        $("#dateDiv").text(new Date().toString());
    });
});

现在我想保留用户输入的所有值，并且当用户提交按钮时显示以前的值和当前的值。

如何实现这一目标？

下面的代码将有助于保留所有值

var $input = $('#inputId');    
$input.data('persist', $input.val() );

如果是，当用户单击按钮时如何显示所有先前值、当前值等？

Answer 1

如果我没猜错的话，这就是您所需要的？

<h1>Type your comment below </h1>

<input id="txt_name" type="text" value="" />

<button id="Get">Submit</button> 

<script type="text/javascript">
    jQuery(function(){
    $("button").click(function() {
      var value = $("#txt_name").val(); 
      $("#section").prepend('<div class="textDiv">'+value+'</div>')
      $("#section").prepend('<div class="dateDiv">'+new Date().toString()+'</div>')
      $("#txt_name").val('');
    });
});
</script>

<!-- each time you press submit, a new line will be pushed here -->
<div id="section">
</div>