Textarea autogrow funktioniert nicht für oninput event

Question

Ich habe eine Textarea, wo Text Wrap funktioniert gut und auch ich habe Autogrow-Code in Javascript geschrieben, die die Höhe von Textarea statt Scroll erhöht, wenn der Text wie im Schnipsel gezeigt umschließt.

Aber das Problem, das ich gegenüberstelle, ist, dass, wenn ich den Wert an die Textarea mit document.getElementById auf Körperlast übergeben, Textarea Größe nicht automatisch erhöht, aber wenn ich einen beliebigen Zeichen eingeben, Textbereich Größe automatisch erhöht. Nach meinem Verständnis, sobald ein Character in Textarea eingegeben wird, sollte ein Ereignis erzeugt werden, richtig?

Bitte korrigieren Sie mich, wenn ich irgendwo im Code falsch gegangen bin?

Voraus Vielen Dank!

document.getElementById("fee1").value = "text"; 
 

 
function auto_grow(element) { 
 
\t 
 
    element.style.height = "5px"; 
 
    element.style.height = (element.scrollHeight)+"px"; 
 
}

<textarea form ='billsave' class= 'form-control input-sm ftype feet' rows='1' id = 'fee1' name= 'feetype' oninput='auto_grow(this)' required></textarea>

Answer 1

Nein, haben Sie nach dem Einstellen des Textes oninput() Ereignis manuell schießen.

document.getElementById("fee1").value = "text"; 
 
document.getElementById("fee1").oninput() 
 

 
function auto_grow(element) { 
 
    element.style.height = "5px"; 
 
    element.style.height = (element.scrollHeight)+"px"; 
 
}

<textarea form ='billsave' class= 'form-control input-sm ftype feet' rows='1' id = 'fee1' name= 'feetype' oninput='auto_grow(this)' required></textarea>