Сброс формы не работает с помощью jquery

Question

Сброс формы не работает с помощью jquery

Я хочу сбросить форму после вызова функции ajax.
Вот код, который я дал в jquery:

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

Здесь frm_silder - идентификатор формы. Но когда я использую этот код, я получаю сообщение eorror, подобное этому.

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

В моем html-коде я даю идентификатор для такой формы:

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

Так в чем же проблема в моем коде?

571 3

jQuery javascript ajax

3 ответов:

Comments

Ничего не найдено.

Sameera Thilakasiri · Accepted Answer · 2012-01-20 07:58:13

В jQuery

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

В Javascript

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

xbonez · Accepted Answer · 2012-01-20 07:59:48

Вам нужно сбросить каждый элемент по отдельности. Jquery не имеет функции reset(), которая работает с формой. reset() - это функция Javascript, которая работает только с элементами формы. Однако вы можете определить новую функцию jquery reset(), которая перебирает все элементы формы и вызывает javascript reset() для каждого из них.
$(document).ready(function(){
    $('a').click(function(){
        $('#reset').reset();
    });
});

 // we define a function reset
jQuery.fn.reset = function () {
  $(this).each (function() { this.reset(); });
}
Демо-версия

В качестве альтернативы, если вы не хотите определять функцию, вы можете выполнить итерацию через форму элементы
$(document).ready(function() {
    $('a').click(function() {
        $('#reset').each(function() {
            this.reset();
        });
    });
});
Демо-версия

Источник

Krishna Rani Sahoo · Accepted Answer · 2018-07-16 14:11:12

Я следовал решению, данному @sameera. Но это все равно бросит меня в заблуждение.

Я изменил сброс на следующий
$("form#frm_silder")[0].reset();
Тогда это сработало нормально.