Question

我在html页面上有以下内容：

<div class="group>
  <textarea id="data" cols="20" rows="20"/>
  <a href="#" data-template="Some text">Use template</a> 
</div>

当我点击A标签时，我想用其数据模板中包含的文本填充textarea。

如何使用JQuery执行此操作？

谢谢你，米格尔

Answer 1

或者只是

$('.group a').click(function(){
    $('#data').val($(this).data('template'));
});

的 Fiddle

Answer 2

首先，您需要为锚点提供某种标识符：

<div class="group">
    <textarea id="data" cols="20" rows="20"/>
    <a id="yourid" href="#" data-template="Some text">Use template</a> 
</div>

...然后你可以使用jQuery的append method:

$('#yourid').click(function(e) {
    e.preventDefault(); // stop the default click action
    var template = $(this).attr('data-template'); // Some text
    $('#data').append(template); // add to the textarea
});

你可能需要解决它的格式，如果你想把它保存在不同的行上，可以在附加内容之前或之后添加一些换行符，例如：

$('#data').append("\n" + template);

Answer 3

<强> JS

$('#mylink').click(function() { 
    var text = $(this).attr("data-template")
    $('#data').append(text); 

});

HTML：将ID添加到Anchor标记

<a id="mylink" href="#" data-template="Some text">Use template</a>

单击锚点时，将内容添加到textarea

3 个答案: