###前提・実現したいこと
遷移前のページなどから受け取ったSESSIONなどのデータをテキストエリアの中に反映させて、
テキスト量に応じて全て表示されるようにテキストエリア高さをjqueryで自動調整したい。
尚且つ、テキストエリアの内容を手作業で編集しても高さを自動調整されるようにしたい。
###発生している問題・エラーメッセージ
テキストエリアにSESSIONで定義されている文字が入っているにもかかわらず、
リロードした後はテキストエリアの高さが自動調節されない。
テキストエリアでなにかしらの操作すると高さが自動調整される。
###該当のソースコード
php
1<?php 2 3session_start(); 4 5$_SESSION['sentence']='A'."\n"."B"."\n"."C"."\n"."D"."\n"."E"; 6 7echo'<textarea name="sentence" class="sentence_form">'.$_SESSION['sentence'].'</textarea>'; 8
jQuery
1 2 $(function(){ 3 $('textarea.sentence_form') 4 .on('change keyup keydown paste cut', function(){ 5 if ($(this).outerHeight() > this.scrollHeight){ 6 $(this).height(1) 7 } 8 while ($(this).outerHeight() < this.scrollHeight){ 9 $(this).height($(this).height() + 1) 10 } 11 }); 12 });
css
1.sentence_form 2{ 3 width: 100%; 4 line-height:20px; 5 border:0.5px solid; 6}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/08 08:31