单击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);
}
});