textarea设置高度随内容变化自动增加

textarea设置高度随内容变化自动增加

方法1： 利用html的contenteditable属性，构造一个类似textarea的可编辑的div

<div class="textarea" contenteditable="true"></div>

方法2： 给textarea添加如下事件即可

<textarea name="jobdecribe" id="jobdecribe" placeholder="" rows=1 cols=40   
onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);"   
onblur="clearInterval(this.clock);"></textarea>  

方法3： 在js中添加如下代码：

$.each($("textarea"), function(i, n){
    $(n).css("height", n.scrollHeight + "px");
})