javascript funcion을 사용하여 양식을 새로 고치거나 재설정하는 방법

Question

javascript funcion을 사용하여 양식을 새로 고치거나 재설정하는 방법은 같은 페이지의 다른 양식 textbox 요소 요소에서 호출해야합니다. 함수는 onclick 이벤트에서 호출되어야합니다. 나는 javascript에서 form.rest() 함수를 시도 할 것이고 나를 위해 작동하지 않을 것이다. 내 문제를 해결하려고하십시오. 이 두 가지 변경 사항을 수행했지만 양식 필드를 다시 설정할 수 없습니다.

$('#myform').trigger("reset"); 

또는 내가 다른 기능을 시도했지만 그것은 또한

$('myform')[0].reset(); 

Answer 1

자바 스크립트에서이

$(function() { 
 
    $("#reset").on("click", function() { 
 
     $(':input', '#demo') 
 
      .not(':button, :submit, :reset, :hidden') 
 
      .val('') 
 
      .removeAttr('checked') 
 
      .removeAttr('selected'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="demo"> 
 
    <input type="text"><br> 
 
    <input type="text"><br> 
 
    <input type="text"><br> 
 
<button id="reset">Reset</button> 
 
</form>

Answer 2

시도 작동하지 :

document.getElementById('myForm').reset(); 

또는

document.querySelector('#myForm').reset();