Resetowanie formularza nie działa przy użyciu jquery

Question

Chcę zresetować formularz po wywołaniu funkcji ajax. Jest to kod uległ jQuery:

$("#frm_silder").reset(); 

tutaj frm_silder jest identyfikator formy. Ale kiedy używam tego kodu, otrzymałem wiadomość eorror taką jak ta.

$("#frm_silder").reset is not a function 

W moim html daję id do tworzenia tak:

<form name="frm_silder" id="frm_silder" method="post"> 

Więc jaki jest problem w moim kodu?

Answer 1

w jQuery

$('#frm_silder')[0].reset(); 

w JavaScript

document.getElementById('frm_silder').reset() 

Answer 2

Musisz zresetować każdy element z osobna. Jquery nie ma funkcji reset(), która działa na formularzu. reset() to funkcja JavaScript działająca tylko na elementach formularzy. Można jednak zdefiniować nową funkcję jquery reset(), która iteruje przez wszystkie elementy formularza i wywołuje javascript reset() na każdym z nich.

$(document).ready(function(){ 
    $('a').click(function(){ 
     $('#reset').reset(); 
    }); 
}); 

// we define a function reset 
jQuery.fn.reset = function() { 
    $(this).each (function() { this.reset(); }); 
} 

Demo

Ewentualnie, jeśli nie chcesz, aby zdefiniować funkcję, można iterację elementów formularza

$(document).ready(function() { 
    $('a').click(function() { 
     $('#reset').each(function() { 
      this.reset(); 
     }); 
    }); 
}); 

Demo

Source