Question

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

我有一个简单的servlet，它发送一个包含textarea的表单？浏览器上的用户可以填写表单，调整文本区域的大小并单击“提交”。我在后调用中获取数据，但无法弄清楚如何找到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函数中的元素。

调整HTML textarea的大小

2 个答案: