jGrow es un plugin para jQuery que hace que el tamaño de los textarea se ajuste a la longitud del texto. Es tan sencillo de utilizar como:
$("textarea#descripcion").jGrow();
donde "descripcion" es el identificador que hayamos dado al textarea.
También podemos fijar un tamaño máximo de altura en el crecimiento del textarea.
$("textarea#descripcion").jGrow({
max_height: "300px"
});
Un sencillo ejemplo sería:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jGrow</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.jgrow-03.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
$("textarea#descripcion").jGrow();
})
</script>
</head>
<body>
<textarea name="descripcion" id="descripcion" cols="40" rows="4"></textarea>
</body>
</html>