php文本框如何设置高度,jquery随机增加文本框高度

jquery随机增加文本框高度，当文本框的文字比较多时，可以通过程序来动态添加文本框的高度，重新设置Textarea的高度，在原有的基础上每次增加50。

代码：

复制代码 代码示例:

JavaScript随机增加文本框高度-www.jbxue.com

* { margin:0; padding:0;font:normal 12px/17px Arial; }

.msg {width:300px; margin:100px; }

.msg_caption { width:100%; overflow:hidden; margin-bottom:1px;}

.msg_caption span { display:block; float:left; margin:0 2px; padding:4px 10px; background:#898989; cursor:pointer;color:white; }

.msg textarea{ width:300px; height:80px;height:100px;border:1px solid #000;}

$(function(){

var $comment = $('#comment');  //获取评论框

$('.bigger').click(function(){ //放大按钮绑定单击事件

if(!$comment.is(":animated")){ //判断是否处于动画

if( $comment.height() < 500 ){

$comment.animate({ height : "+=50" },400); //重新设置高度，在原有的基础上加50

}

}

})

$('.smaller').click(function(){//缩小按钮绑定单击事件

if(!$comment.is(":animated")){//判断是否处于动画

if( $comment.height() > 50 ){

$comment.animate({ height : "-=50" },400); //重新设置高度，在原有的基础上减50

}

}

});

});

放大

缩小

多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.多行文本框高度变化.