To make values empty you can do the following: $("#element"). val('');
You can clear the input field by using $('#shares').val('');
$(document).ready(function(){
$('#shares').val('');
});
To reset text, number, search, textarea inputs:
$('#shares').val('');
To reset select:
$('#select-box').prop('selectedIndex',0);
To reset radio input:
$('#radio-input').attr('checked',false);
To reset file input:
$("#file-input").val(null);
While submitting form use reset method on form. The reset() method resets the values of all elements in a form.
$('#form-id')[0].reset();
OR
document.getElementById("form-id").reset();
https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset
$("#submit-button").on("click", function(){
//code here
$('#form-id')[0].reset();
});
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form id="form-id">
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
<br><br>
<input id="submit-button" type="submit" value="Submit">
</form>
</body>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With