値を ""に設定した後のテキストボックスのサイズ変更

Question

私は、入力時に自動的に拡大するテキストエリアと、オプションが変更された場合にテキストエリアをクリアするJSを持っています。ただし、JSを介して値が ""に設定されている場合、テキストエリアは縮小しません。どのように私はこれを動作させることができます上の任意の提案？

function clearTextArea(){ 
 
\t 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>