首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用.val填充文本区域

使用.val填充文本区域
EN

Stack Overflow用户
提问于 2013-04-05 16:31:59
回答 2查看 253关注 0票数 0

我目前正在尝试在输入时使用来自多个输入的值填充文本区域,我的问题是每次我转到新输入时,它会从文本区域中清除先前的信息并添加新的,无论如何,我可以保留以前字段的信息,也可以添加新的信息。

html

代码语言:javascript
运行
复制
<input type="text" name="fname" ><br>
<input type="text" name="lname"><br>

<textarea type="text" id="content"></textarea><br>

jQuery

代码语言:javascript
运行
复制
  $("input").keyup(function () {
  var value = $(this).val();
  $("#content").text(value);
  }).keyup();

Codepen http://codepen.io/michael52/pen/uzeqs

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-05 16:36:14

为什么不基于其他两个框构建textarea的内容,而不是基于textarea的旧值:

代码语言:javascript
运行
复制
<input type="text" name="fname" id="fname"><br>
<input type="text" name="lname" id="lname"><br>

<textarea type="text" id="content"></textarea><br>

JS:

代码语言:javascript
运行
复制
$("input").keyup(function () {
  var value = $('#fname').val() + ' ' + $('#lname').val();
  $("#content").text(value);
}).keyup();
票数 4
EN

Stack Overflow用户

发布于 2013-04-05 16:36:17

您需要追加新内容,而不是替换旧内容:

代码语言:javascript
运行
复制
$("#content").text(function(_, oldText) {
    return oldText + value;
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15829288

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档