Question

当用户点击标签时，我想使用类名将附加文本添加到textarea。

Click事件处理程序可以正常工作，但不能将文本添加到textarea。

这是我到目前为止的代码。

var boardName;

$(document).ready(function() {
    $('.js-open-card-composer').click(function() {
         boardName = document.title.replace(' | Trello', '');
         $('.list-card-composer-textarea').text += boardName;

    });
});

而且，这是文本区域

<textarea class="list-card-composer-textarea js-card-title" style="overflow: hidden; word-wrap: break-word; height: 36px;"></textarea>

谢谢！

Answer 1

jQuery text（）是函数，而不是

$('.list-card-composer-textarea').text += boardName;

使用

var data = $('.list-card-composer-textarea').text();
$('.list-card-composer-textarea').text( data + boardName);

Answer 2

使用html而不是文字

＆＃13;

var boardName;

    $('.js-open-card-composer').click(function() {
         boardName = 'test';
         var data = $('.list-card-composer-textarea').html();
         $('.list-card-composer-textarea').html(data+boardName);

    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="list-card-composer-textarea js-card-title" style="overflow: hidden; word-wrap: break-word; height: 36px;"></textarea>

<div class="js-open-card-composer" style="width:20px;height:20px;border:1px solid red"></div>

＆＃13;

使用类名将文本添加到textarea

2 个答案: