Question

我一直在阅读几页，以了解如何将html标记中的内容插入到textarea元素中。

我在stackoverflow上找到了一个an example的页面，我试图修改它，但是由于我没有使用jquery的经验，我（当然）很快就遇到了麻烦！因为我根本不知道如何连接＆＃34; html标记上的click事件，其中包含一个事件，该事件插入来自html标记的内容，例如：

<p>something</p>

进入textarea元素。

这是我到目前为止所做的：

$("p").click(function() {
 $(this).
  $("textarea").insertAtCaret('text');

主要问题是写后：

$(this).????

我已经制作了jsfiddle我的项目

我希望有人能帮助我或至少指出我正确的方向 - 谢谢你提前：o）

Answer 1

获取标签内容使用text（）并获取输入/ textarea内容使用val（）也编辑其内容使用文本（＆＃39;某些内容＆＃39;）/ val（＆＃39;一些内容＆＃39;）

$("p").click(function() {
var content=$(this).text();
$("textarea").val(content);

Answer 2

我为你做了一个jsfiddle，它从2 div获得了名字和姓氏（你可以将它们改为p，无论如何），当你点击按钮时，textarea的文字将取代新名称。希望它有效，请确认它是否能解决您的问题。

HTML：

    <h2>
we have 2 paragraph and we want to add them ro our textare.
</h2>

<div class="FName">Arya</div>
<div class="LName">Ag</div>
<form action="#">
  <textarea name="message" rows="10" cols="30">
Insert [firstname] or [lastname] at the position of the cursor in this textarea while keeping the content already there 
</textarea>
<br/>
<br/>
<input type="button" value="update" id="updater"/>

JS：

$('#updater').on('click',function(){
var FName= $('.FName').text();
var LName= $('.LName').text();

$('textarea').text($('textarea').val().replace("[firstname]",FName).replace('[lastname]',LName));

})

使用jQuery将标记中的文本插入textarea

2 个答案: