插入文本到文本区域的链接

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

集attrubute数据文本FOT链接和尝试：

<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/

UPD：

对于添加（不替换文本）在textarea：

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

http://jsfiddle.net/Vxeye/

UPD的评论：在新行 粘贴文本： http://jsfiddle.net/hkEmn/

Answer 2

HTML5的使用数据属性，然后单击（）事件..我增加了一个类<a>标签在选择器中具体。

HTML

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

JQUERY更新评论

jQuery('.aClass').click(function(e){ 
    e.preventDefault(); //to prevent the default behaviour of a tag 
    var val = jQuery('#replycontent').val(); //get prvious value 
    jQuery('#replycontent').val(val + "\r\n" + jQuery(this).data('text')); //replace it.. ' ' so that there isspace beween the added text 
}); 

更新

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

jQuery的

jQuery('.aClass').click(function(e){ 
    e.preventDefault(); //to prevent the default behaviour of a tag 
    var val = jQuery('#replycontent').val(); //get prvious value 
    if(jQuery(this).text() == 'Test 1'){ 
     jQuery('#replycontent').val(val + 'Thank You '); 
    }else{ 
     jQuery('#replycontent').val(val + 'Good Luck '); 
    } 
}); 

fiddle here

fiddle in new line

fiddle with both example

Answer 3

您可以将span标签添加到您的特定的词要追加：

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

然后你可以使用的append（）：

$("a").on('click',function(e) { 
    e.preventDefault(); 
    $("#replycontent").append($(this).next('span').text() + ' '); 
}) 

FIDDLE

---

或更好的，你可以使用HTML5数据属性为你的锚：

<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/> 

那么你可以做：

$('a').click(function(e){ 
    e.preventDefault(); 
    var val = $('#replycontent').val(); 
    $('#replycontent').val(val + $(this).data('text') + ' '); 
}); 

FIDDLE

---

编辑

如果要添加新的生产线，每当追加新的价值，您textarea，你只需要使用沿着\n与附加价值：

$('#replycontent').val(val + '\n' + $(this).data('text')); 

Updated Fiddle