在这种情况下,使用jquery和ajax提交值后,如何保持值


How can I keep the value after I submit the value with jquery and ajax in this situation?

单击http://jsfiddle.net/4y1b1j8g/13/看看结果。当我在输入中输入一个值并按Enter键时,该值将替换dog值。但那不是我想要的。我想保持价值。例如,输入cat,它就会变成狗猫,输入mouse,它就会像狗猫mouse。我该怎么做?欣赏

$( "#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"/>

您要做的是连接字符串,而不是替换它。您需要获得上一个值(.html())并将新值添加到其中。

您可以简单地将.text()行更改为:

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

正如您所看到的,我们通过.html()事件从div中获取上一个值,然后附加该值。

示例


您也可以使用.append()方法,该方法将为您连接字符串:

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

下面是这个方法的一个例子:JSFiddle Demo


备注

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

使用append。试试这个:

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