jsダイナミックロードtextareaコンテンツの高さを実現

957 ワード

多くの場合、textareaで内容を表示する必要があります.これはtextareaが記入したデータを処理する必要がなく、表示するときに変換する必要はありませんが、高さが問題です.昨日出会って研究してみたが、難しくないことに気づいて、直接コードをつけた.
//  css,   ,    ,         .     ,      
.text_readonly{zoom:1;outline:0;line-height:20px;
background-color:#fff;border:0px; width:500px;overflow-y:auto;resize: none;}
//js        
function text_readonly(){
	var mc = document.getElementById("text_content");
	if(mc != null && mc.value.length>0){
  		mc.rows = (mc.scrollHeight/20+2);
  	}
}
//text             
<textarea class="text_readonly" disable="true" id="text_content" name="text_content" rows="4">
Assuming you have the Globalize
 plugin installed, the first thing you
 llneed to do is to generate its migration
 fileIf you want data for a full</textarea>
//        
text_readonly()