Form contents do not get cleared after form submission using jQuery

Question

I have a form that I am working with, and I am trying to clear it after successful submission using something like this:

$(':text, :password, :file, SELECT', '#create_problem').val('');

The id of my form is create_problem and the elements there are a text box and a check box and a text field.

The code above does nothing to help clear the form. Is it not right?

Thanks!

To reproduce the problem: you can visit: http://www.problemio.com and login with the test account:

login: testuser
password: testuser

and try to add a problem to see that the form does not clear.

score 3 · Accepted Answer · answered Oct 16 '11 at 15:28

3

Just use the built in reset() method of the form element itself:

$("#MyForm").get(0).reset();

answered Oct 16 '11 at 15:28

Shadow The GPT Wizard

66,030
26
140
208

I just added instructions to reproduce the problem in my original question. – GeekedOut Oct 16 '11 at 15:43
Add some debug.. for example `alert($("#MyForm").get(0));` and `alert($("#MyForm").get(0).reset);` - what do you get from these? – Shadow The GPT Wizard Oct 16 '11 at 15:45

Samuel Liew · Answer 2 · 2011-10-16T15:52:41.027

1

$(':input, :file', '#create_problem')
     .not(':button, :submit, :reset, :hidden')
     .val('')
     .removeAttr('checked')
     .removeAttr('selected');

edited Oct 16 '11 at 15:52

answered Oct 16 '11 at 15:45

Samuel Liew

76,741
107
159
260

1

After http://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery/680252#680252 and N.B. http://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery/3682131#3682131 – agtb Oct 16 '11 at 16:07

Form contents do not get cleared after form submission using jQuery

2 Answers2