textareaのサイズを文字数に応じて自動変更させたいです

autosizeを使用して、文字数に応じてtextareaのサイズ変更を考えています。

テキストエリアへの文字の入力、コピペは、正しくtextareaのサイズ変更がされていますが、以下動作を行う場合も同様にtextareaのサイズ変更をしたいです。

①buttonをクリックする
②buttonのvalue値を取得する
③textareaにvalue値を挿入する

message.html
1<textarea class="message-textarea" rows="1"></textarea>
2<button class="message-template" value="こんにちは。いつもありがとうございます。どうぞよろしくお願いします。">テンプレートを挿入する</button>
3
4<script>
5  autosize($('.message-textarea'));
6　$('.message-template').on("click", function(){
7      var templateMessage = $(this).attr('value');
8      $('.message-template').val(templateMessage);
9  });
10</script>

しかし、value値の変更では、textareaのサイズが変更されません。
「.val」を使わなくても構いませんので、ボタンを押してテンプレートを挿入するとき、あわせてtextareaのサイズ変更が実行される方法を教えていただけないでしょうか？

お手数をおかけしますが、よろしくお願いします。

kei344

2018/07/25 10:20

プラグイン／ライブラリは公式配布サイトのURLを質問文に追記ください。（URLにはリンクを張ることができます）

行動規範の内容に同意します

回答1件

ベストアンサー

autosize.update() 追加する。

js
1  autosize($('.message-textarea'));
2　$('.message-template').on("click", function(){
3      var templateMessage = $(this).attr('value');
4      $('.message-textarea').val(templateMessage);
5      autosize.update($('.message-textarea')); //追加する。
6  });