javascript - 随着用户不断输入，动态增加文本区域高度(没有滚动条)

Question

我的应用程序有一个带有以下 css 的 textarea (html) 字段

.textareaCss{overflow: auto;width:500px; height:15px; margin:0; padding:5px; margin-top:4px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:#d9d9d9 solid 1px;color: #999;}

现在的效果是，如果用户的评论增长，导致输入的内容占用的空间超过 15px 的高度所能容纳的空间，则会出现滚动条，用户看不到第一行，如图所示

textarea 的高度是否有可能增长，以便始终看到整个内容。请注意:无论如何，字符数限制为 1000。

Answer 1

答案如下1. 下载插件“autogrow.js”Autogrow js from GitHub

然后将其添加到您的代码中并分别给出引用。

然后添加如下代码

$(function() {
   $('#txtMeetingAgenda').autogrow();
});