如何动态增长文本框以匹配数据输入的输入大小（ASP.NET）答案

【问题标题】：How to grow a textbox to match size of input for data entry dynamically (ASP.NET)如何动态增长文本框以匹配数据输入的输入大小（ASP.NET）
【发布时间】：2010-02-03 19:16:15
【问题描述】：

我想为应用程序添加一个描述字段，该字段可以长达几行（甚至是段落），也可以短至一行。

与其占用大量屏幕空间或使用滚动条，不如让文本框根据其输入而增长。

在 IE6 上添加 Style="overflow-y:visible" 可以很好地完成这一点（无论是在只读显示上，还是在我们处于编辑模式时）。

但是，它对 Firefox 或 IE7 没有影响。

有没有相对简单的解决方法？

谢谢！

【问题讨论】：

标签： asp.net textbox multiline autogrow

【解决方案1】：

如果你想走这条路，你可以使用 jquery 来完成。效果不错，有点像facebook的comment textarea。

http://javascriptly.com/examples/jquery-grab-bag/autogrow-textarea.html

【讨论】：

我知道 jquery，如果可能的话，不打算向网站添加更多脚本。我的问题有些不同，因为我不希望添加 jquery（如果可能）或任何不必要的开销。有了 AJAX 工具包、数据库访问、Web 服务，我真的不想再添加另一个模块。目前 IE6 是标准浏览器，但我想在未来证明该应用程序（以及针对更多标准浏览器）。
我认为你不能使用标准的 asp.net ajax 控件工具包来做到这一点——除非你自己控制。事实上，如果这是我认为您试图实现的效果，那么只有使用 javascript 才能真正实现这种效果。我提供的示例适用于所有浏览器，并将继续受到 jquery 的支持。它也只有 19.5k - 如果您担心臃肿，并且这是一个选项，请尽量避免使用 ajax 工具包，因为使用 jquery 会在您的页面中添加大量额外代码实际上可以帮助您避免。对不起，我不能更好地回答您的问题！祝你好运:)
谢谢，我一直在研究 jQuery，但在 collapsablepanel 扩展器中的 autogrow JQuery 插件存在问题（当然）。我来看看 Jason Frame 的 jQuery 抓包提供的插件（来自你的链接）。
我最终放弃并添加了一个在sitepoint.com/blogs/2009/07/29/build-auto-expanding-textarea-1 非常基本的 jquery 插件，它似乎只能用于查看，但是当切换到编辑模式时，自动增长属性会丢失......听起来这将是我搜索/发布的另一个问题（叹气）。谢谢
很高兴听到您设法让它工作:) 如果它在编辑模式下停止工作，请检查 textarea 的 id 值或 textare 上的类值不会通过切换到编辑模式作为 jquery 来更改可能正在寻找特定的名称或 ID。希望对您有所帮助，祝您好运！