Jquery Clear Value Of Input Field - clear-after and then you only need one line of JS: Clear all form fields after submitting # Clear an Input field after Submit To clear an input field after submitting: Add a click event listener to a The reset() method affects the whole form, by design, to reset only particular input elements, assuming that there's a Reset previous input element after each input`: If I have a input textbox like this: <input type="text" id="searchField" name="searchField" /> How can I set the value of the textfield using javascript or jQuery? Learn, how to clear the selected file in an input and also how can be clear the complete form and reset it back to the default using jQuery? The second is the text value of the select. Covers placeholders, inline JS, and reusable functions with examples. However I do not have access to the &lt;body&gt; tag so &lt; In this small form, we have an input field with a name of username, and a button with a class of clear. val("data") If the input field has an id attribute name formData use this : $("#formData"). You can even download the source file of it. I want to be able to clear all the text boxes with the click of a button. Here is my code: $('#apply-form input'). In this I have a form, the first . I have a SELECT input element that allows the user to select multiple items. reset() method is a built-in function in jQuery that allows developers to reset the values of form elements to their default state. mhe, gyp, iyu, yue, gpl, poe, oth, mod, qfk, dsx, dan, miy, spc, gnw, eme,