javascript - 将值设置为 ""后调整文本框大小

Question

我有一个在输入时自动增长的文本区域，以及一些 JS 在选项更改时清除文本区域。但是，当通过 JS 将值设置为“”时，文本区域不会缩小。关于如何让它发挥作用有什么建议吗？

function clearTextArea(){
	document.getElementById('fldAdditionalInformation').value = "";
}

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

<p>Change Value to clear Textbox:
<select onchange="clearTextArea();">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</p>

<textarea style="width:100%;" id="fldAdditionalInformation" onkeyup="auto_grow(this)"></textarea>

Answer 1

清除文本区域后，您应该运行auto_grow。

function clearTextArea(){
    var element = document.getElementById('fldAdditionalInformation');
    element.value = "";
    auto_grow(element)
}

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

<p>Change Value to clear Textbox:
<select onchange="clearTextArea();">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</p>

<textarea style="width:100%;" id="fldAdditionalInformation" onkeyup="auto_grow(this)"></textarea>