html - 调整 HTML 文本区域的大小

Question

是否可以将浏览器上的 html 文本区域的大小调整发送回服务器？

我有一个简单的 servlet，它发出一个包含 textarea 的表单？浏览器上的用户可以填写表格，调整文本区域的大小并单击提交。我在 post call 中获得了数据，但无法弄清楚如何找到 textarea 的调整大小信息？

Answer 1

你可以用 Javascript 做到这一点：

document.getElementById('id-of-textarea').style.width
document.getElementById('id-of-textarea').style.height

在提交之前，您的 Javascript 可以将它们放在表单中的隐藏字段中。

Answer 2

使用 jQuery 提取文本区域的高度和宽度。

接下来，从实际高度和宽度值中减去计算值。

接下来，您可以创建一个新的输入元素并将这些值插入其中 onSubmit。

这将在您的“onSubmit”函数中

var ht = $( "#{textarea id}" ).height();
var wd = $( "#{textarea id}" ).width();

var $form = $( "#{form id}" )
        .append('<input type="hidden" name="height" value="'+ht+'" />')
        .append('<input type="hidden" name="width" value="'+wd+'" />');

... continue with the submit ...

或者只是使用纯 JS 在 onSubmit 函数中提取和创建元素。