Clear all Input Values

Question

Hi
I have code to clear inputs in each Javacript file like below. Is there any way that a common class in a project or something else which when called clear all Input values.
function clearTextBox() {
$('#txtId').val("");
$('#txtDescription').val("");
$('#txtIsActive').val("");
}
Thanks

Jignesh Kumar · Answer

Hi,   If you wish to clear all text input in your form, Please refer this one, https://www.encodedna.com/2013/04/clear-all-texbox-using-jquery.htm  $( '#divYourInputContainer' ).find( 'input:text' ).each(function() {                   $( 'input:text[id='  + $( this ).attr( 'id' ) +  ']' ).val( '' );               }           );

Jignesh Kumar · Answer

Hi,   You can call on your clear button click by finding ID of Your button,          $( '#btClearAll' ).click(function() {                      $( '# divYourInputContainer ' ).find( 'input:text' ).each(function() {                   $( 'input:text[id='  + $( this ).attr( 'id' ) +  ']' ).val( '' );               }           );   });

Sachin Singh · Answer

on your clear button $("#ResetButton").click(function(){    // here call any of the given 3 methods   });

Sachin Singh · Answer

other options  function ResetAll(formId)   {      $( '#' + formId).find( 'input:text, input:password, select' )                       .each(function () {                           $( this ).val( '' );                       });                   }   }   method 3. function ClearAll()   {      form.find( 'textarea,input,select' ).val( '' );      }

Ramco Ramco · Answer

Hi     How to call it from View   Thanks

Sachin Singh · Answer

this will do the trick, put the below function in a script and reference it in layout then from view just call this and pass the form's Id. function Reset(formId)   {   document.getElementById(formId).reset();      }