How do I clear form fields using jQuery?
There is a page in which there are a number of different elements. It is necessary to return them to their original state (as when loading the page). It's not nice to do that:
$('#name').val('');
For each form? Do you have any options on how to make it more beautiful?
8 answers
Listen, well, make your own modifier, add some class to all the necessary elements and clear them with one line, as in the previous tip. What is this quest for the unknown-the magnificent?
If there is a form:
<form id="myform">
...
</form>
Then you can clear it using javascript:
document.getElementById('myform').reset();
Or jQuery:
$('#myform')[0].reset();
Updated from the comment.
Then as an option
$(function () {
$(набор_элементов).each(function () {
$(this).data('defvalue', this.value);
});
});
And then call
$(набор_элементов).each(function () {
$(this).val($(this).data('defvalue'));
});
$("form#id_form").trigger('reset');
Alternatively, create a list of fields (and possibly default values, if not empty), then, if necessary, set all the items in the list to the appropriate values... For example, as suggested by ling...
Try this option:
<script>
jQuery(document).ready(function() {
$('input').val('');
});
</script>
$(".reset-form-button").click(function() {
$("form")[0].reset();
});
$('input[name*= "field_name"]'). val(");
Try this way:
$("*[tag='tag']").val("").attr("checked", false);