Как очистить все поля формы?

Question

[Максим Тимофеев]

Есть код:

$('button[type=reset]').on('click',function(){
$(this).closest('form').find('input')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');
})

Ожидаю очистки формы, получаю ничего. Где ошибка?
Событие срабатывает. Консоль без ошибок.

Answer 1

[Yakov Vylegzhanin]

https://jsfiddle.net/ear106gn/2/

Comments

[Максим Тимофеев]

спс огромное Вам, надо выходной брать)))

Answer 2

[IceJOKER]

Ожидаю очистки формы, получаю ничего. Где ошибка?

Какая ошибка? О_О

И чем вам не угодил встроенный способ очистки - <input type="reset" value="Reset form" />

Comments

[Максим Тимофеев]

1. у меня кнопка, а не input. 2. встроенные не пашет

[Максим Тимофеев]

Мне нужно сбрасывать не только введенные пользователем данные, но и те value и selected которые были заполнены на сервере

Answer 3

[Константин Самсин]

Написано наспех.

$(this).closest('form').find('input')
     .not(':button, :submit, :reset, :hidden')
.each(function(item){
item.val('')
     .removeAttr('checked')
     .removeAttr('selected');
});

})

Главная суть - выбрать все элементы и пройтись по ним each и сделать необходимые манипуляции.

Comments

[Максим Тимофеев]

не работает. Вот рабочий вариант https://jsfiddle.net/ear106gn/2/

Answer 4

[nicktar2013]

а как добавить в .not(':button, :submit, :reset, :hidden') выпадающий список select option?

Comments

[Максим Тимофеев]

:selected