在表單中重置輸入 & output textarea

Question

在簡單的 html/js（沒有 jquery）中，我必須重置表單中包含的所有文本區域。 這是我的嘗試：

 <form id="myForm" action="#"> Source:<br><br> <textarea id="tab_source" name="source" rows=6> original default text </textarea><br><br> Result: <br><br> <textarea id="tab_result" name="result" rows=6> </textarea><br><br> <input name="button" type="button" value="GO." onclick="transform()"> <input name="reset" type="reset" value="Reset test 1"> <input type="button" onclick="document.getElementById(" myForm ");reset()." value="Reset test 2"> <input type="button" onclick="document.getElementById(" tab_source ");reset()." value="Reset test 3"> <input type="button" onclick="document.getElementById(" myForm ").value=''" value="Reset test 4"> <input type="button" onclick="document.getElementById(" tab_source ").value=''" value="Reset test 5"> </form>

“重置測試 1”按鈕僅重置最后一個文本區域（“tab_result”）。 其他按鈕根本不起作用。 你能幫助我嗎？ 謝謝！

Answer 1

問題是，您以以下方式結束輸入屬性：“

為了向您展示它，它看起來像這樣：

<input attribute="bla" attribute="bla" onClick="document.getElementById(" <!-- <- quotes determine end of onClick attribute.-->

嘗試：

<input type="button" onclick="document.getElementById('myForm').reset();" value="Reset test 2">
  <input type="button" onclick="document.getElementById('tab_source').reset();" value="Reset test 3">
  <input type="button" onclick="document.getElementById('myForm').value='';" value="Reset test 4">
  <input type="button" onclick="document.getElementById('tab_source').value='';" value="Reset test 5">