我目前正在尝试在输入时使用来自多个输入的值填充文本区域,我的问题是每次我转到新输入时,它会从文本区域中清除先前的信息并添加新的,无论如何,我可以保留以前字段的信息,也可以添加新的信息。
html
<input type="text" name="fname" ><br>
<input type="text" name="lname"><br>
<textarea type="text" id="content"></textarea><br>
jQuery
$("input").keyup(function () {
var value = $(this).val();
$("#content").text(value);
}).keyup();
Codepen http://codepen.io/michael52/pen/uzeqs
发布于 2013-04-05 16:36:14
为什么不基于其他两个框构建textarea的内容,而不是基于textarea的旧值:
<input type="text" name="fname" id="fname"><br>
<input type="text" name="lname" id="lname"><br>
<textarea type="text" id="content"></textarea><br>
JS:
$("input").keyup(function () {
var value = $('#fname').val() + ' ' + $('#lname').val();
$("#content").text(value);
}).keyup();
发布于 2013-04-05 16:36:17
您需要追加新内容,而不是替换旧内容:
$("#content").text(function(_, oldText) {
return oldText + value;
});
https://stackoverflow.com/questions/15829288
复制相似问题