单击 textarea 后，将引导按钮的值插入 textarea 不起作用答案

【问题标题】：Insert value of bootstrap button into textarea doesn't work after click on textarea单击 textarea 后，将引导按钮的值插入 textarea 不起作用
【发布时间】：2013-04-20 14:40:35
【问题描述】：

我正在使用通过单击按钮出现的引导弹出窗口。在此弹出窗口中，还有另一个具有不同值的按钮，例如这个。

<button type="button" class="btn btn-default conditions topList" value="move();" id="move">move</button>

我的目标是将这些按钮的值插入到文本区域中。为此，我使用以下 jQuery：

$(document).bind("click", function(e) {
  if ((e.target.value != undefined) && (e.target.id != "textarea"))
    $('#textarea').append(e.target.value+'\n');
});

因为我想在每个按钮的值之后跳过一行，所以我附加了一个“\n”。为了确保只有按钮的值将被插入到 textarea 中，如果它未定义，我会避免附加一个值，例如当我单击文档上的任何位置时，没有按钮。我也是通过单击文本区域来实现的。没有它，每次我点击 textarea 时都会跳过一行。

好吧，插入值可以正常工作，但仅当我不打算单击文本区域时。在我单击一次进入文本区域后，单击按钮不会有任何反应。同样的故事，当我用$('#textarea').val('')手动清除textarea之后，点击按钮没有任何反应。

有什么想法吗？

【问题讨论】：

很难理解解释以及显示的有限代码。不能append()转texarea，需要使用val()。在 jsfiddle.net 中做一个演示，有足够的 html 来显示问题

标签： javascript jquery twitter-bootstrap textarea popover

【解决方案1】：

感谢.val() 的提示。

我将$('#textarea').append(e.target.value+'\n'); 更改为$('#textarea').val($('#textarea').val() + e.target.value+'\n');

现在可以了！

【讨论】：