Question

点击http://jsfiddle.net/4y1b1j8g/13/查看结果。当我在输入中输入一个值并按Enter键时，该值将替换dog值。但这不是我想要的。我想保持价值。例如，输入猫，它将成为狗猫，输入鼠标，它会像狗猫鼠标。我怎么能这样做？欣赏。

$( "#input" ).keydown(function( event ) {

if ( event.which == 13 ) {
   event.preventDefault();
    
    //put input value into div
var value=$('#input').val();
    $('#test').text(value);
   
   
     
}
    
    
});

<div class="test" id="test">dog</div>
<input type="text" id="input"/>

Answer 1

您要做的是连接字符串，而不是替换它。您需要获取之前的值（.html()）并将新值添加到其中。

您可以通过将.text()行更改为此来简单地执行此操作：

$('#test').text($('#test').html() + " " + value);

如您所见，我们通过.html()事件从div中获取之前的值，然后附加值。

Example

您也可以使用.append()方法为您连接字符串：

$('#test').append(" " + value);

以下是此方法的示例：JSFiddle Demo

注释

" " + value在你追加字符串之前添加一个空白区域，你可以简单地删除它，如果你不想要它，我只是假设你想要可读文本。

Answer 2

使用append。试试这个：

 $("#input").keydown(function(event) {
        if (event.which == 13) {
            event.preventDefault();

            //put input value into div
            var value = $('#input').val();
            $('#test').append(value);
        }
    });

在这种情况下，我使用jquery和ajax提交值后如何保留值？

2 个答案:

注释