javascript - 通过链接将文本插入文本区域

Question

这是我的代码:

<a href="">Test 1</a> Clicking this will add "Thank you" to textarea<br/>
<a href="">Test 2</a> Clicking this will add "Good luck" to textarea<br/>

<textarea rows="5" cols="40" name="replycontent" id="replycontent">Hello World</textarea>

我想通过单击链接在文本区域的末尾插入文本。因此，如果您单击 Test 1 链接，它将插入 Thank you 等。该解决方案需要与所有浏览器兼容(IE6 除外)。

这是一个 fiddle .

Answer 1

设置链接的属性数据文本并尝试:

<a href="" data-text="Thank you">Test 1</a> Clicking this will add "Thank you" to textarea<br/>
<a href="" data-text="Good luck">Test 2</a> Clicking this will add "Good luck" to textarea<br/>

<textarea rows="5" cols="40" name="replycontent" id="replycontent">Hello World</textarea>

JavaScript:

$("a[data-text]").click(function(){
  $("#replycontent").val($(this).attr("data-text"));
  return false;
})

http://jsfiddle.net/ZqJVN/

更新:

在文本区域中添加(不是替换文本):

$("a[data-text]").click(function(){
   var value = $("#replycontent").val();
   $("#replycontent").val(value+$(this).attr("data-text"));
   return false;
 })

http://jsfiddle.net/Vxeye/

通过评论更新: 将文本粘贴到新行中: http://jsfiddle.net/hkEmn/