[javascript] JavaScript를 통해 양식을 재설정 (지우기)하는 방법은 무엇입니까?

Program / 글쓴이

시도 $("#client.frm").reset();했지만 작동하지 않습니다. jQuery를 통해 양식을 재설정하는 방법은 무엇입니까?

답변

form.reset() DOM 요소 메서드 (jQuery 개체에 없음)이므로 다음이 필요합니다.

$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();

또는 jQuery없이 :

document.getElementById("client").reset();

답변

간단하게 다음을 수행 할 수 있습니다.

$("#client.frm").trigger('reset')

답변

Pure JS 솔루션 은 다음과 같습니다.

function clearForm(myFormElement) {

  var elements = myFormElement.elements;

  myFormElement.reset();

  for(i=0; i<elements.length; i++) {

  field_type = elements[i].type.toLowerCase();

  switch(field_type) {

    case "text":
    case "password":
    case "textarea":
          case "hidden":

      elements[i].value = "";
      break;

    case "radio":
    case "checkbox":
        if (elements[i].checked) {
          elements[i].checked = false;
      }
      break;

    case "select-one":
    case "select-multi":
                elements[i].selectedIndex = -1;
      break;

    default:
      break;
  }
    }
}

답변

, reset () 메서드는 기본값과 확인란 필드를 지우지 않으며 더 많은 문제가 있습니다.

완전히 재설정하려면 아래 링크를 확인하십시오-

http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm

답변

재설정 (지우기) 양식 throught Javascript& jQuery:

자바 스크립트 예 :

document.getElementById("client").reset();

jQuery 예 :

참조 링크를 사용해 볼 수 있습니다.trigger() 

$('#client.frm').trigger("reset");

답변

form.reset()양식의 일부 입력 태그에 속성이 있으면 기능 이 작동하지 않습니다.name='reset'

답변

이 시도 :

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}