jquery - 使用jquery动态增加文本区域高度

Question

我有一个文本区域，随着我输入数据(使用 KeyUp 函数)，它的大小在增加，问题是，当我保存文本区域时，高度回到它的原始高度(例如:在我保存之前，文本区域的高度是94px，保存后，文本区域的高度又回到原来的高度(45px)。

所以我试图在 ajax 调用之前获取文本区域的高度，并在 ajax 调用之后尝试应用高度。下面是代码:

<div id="FidningErrorDiv">
    <textarea class="form-control" maxlength="2000" placeholder="Finding" id="Findings" onchange="RemoveErrorBorder(this)">@Model.Finding.Finding</textarea>
</div>

var divheight = $("#FidningErrorDiv").height;
$('#dvFindingBody').html(response); // Existing code
$("#Fidnings").css({
    height : divheight 
})

当我尝试这种方式时，它不起作用。请建议我应用高度。

Answer 1

height 语法不正确。您像使用属性一样使用它，但它是一个 method您应该像 height() 一样访问它。

另外，您的代码中有一些拼写错误。 jQuery 选择器(#Findings) 拼写错误!

这应该有效。

var divheight = $("#FidningErrorDiv").height();

//divheight=divheight+150;  

$('#dvFindingBody').html("replace response variable here"); 
$("#Findings").css({  height : divheight });

Here是工作样本

或者你可以使用height()方法来设置新值

$("#Findings").height(300);