如何使用原型自动调整文本区域的大小？

Question

如何使用原型自动调整文本区域的大小？我目前正在为我工作的公司开发一个内部销售应用程序，我有一个表单，允许用户更改送货地址。现在，我认为如果我使用的TextArea作为主地址详细信息的文本区域只占用其中的文本区域，并且如果文本被更改，那么它会看起来更好。这是个不错的观点，但我有理由让它调整尺寸。我希望它所占据的区域是它所包含的信息的区域。正如你在屏幕截图中看到的，如果我有一个固定的文本区域，它占用了一个公平的垂直空间。我可以减少字体，但我需要地址大和可读性。现在，我可以缩小文本区域的大小，但是，如果有人的地址行需要3或4行(1行5行)，那么我就会遇到问题。需要让用户使用滚动条是一个主要的不-否。我想我应该更具体一点。我想要的是垂直调整尺寸，而宽度没有那么重要。唯一会发生的问题是，当窗口宽度太小时，ISO编号(大的“1”)被推到地址下面(正如您在屏幕截图上看到的那样)。它不是关于有一个Gimick，而是有一个文本字段，用户可以编辑，不会占用不必要的空间，但将显示其中的所有文本。不过，如果有人想出了另一种方法来解决这个问题，我也对此持开放态度。我修改了一些代码，因为它的行为有点奇怪。我把它更改为在键盘上激活，因为它不会考虑刚才输入的字符。resizeIt = function() {   var str = $('iso_address').value;   var cols = $('iso_address').cols;   var linecount = 0;   $A(str.split("\n")).each(function(l) {     linecount += 1 + Math.floor(l.length / cols); // Take into account long lines   })   $('iso_address').rows = linecount;};