Динамическое увеличение высоты текстовой области с помощью jquery

Question

У меня есть текстовая область, и размер растет по мере ввода данных (с использованием функции KeyUp), проблема в том, что когда я сохраняю текстовую область, высота возвращается к ее исходному height (ex: до того, как я сохраню, высота текстовой области равна 94 px, а после ее сохранения высота области текста вернется к исходной высоте (45 пикселей).

Так что я пытался получить высоту текстовой области перед АЯКСОМ вызова и пытаемся применить высоту после вызова 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 selector (#Findings) был записан неправильно!

Это должно сработать.

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

//divheight=divheight+150; 

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

Here является рабочим образец

Или вы можете использовать метод height() для установки нового значения

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