How do I clear the previous text field value after submitting the form with out refreshing the entire page

Question

I am doing a web application using javascript and html that has a form containing a text field  button  When I enter a number in that text field and submit by clicking on that button  text areas are generated dynamically  Once my form is submitted some text areas are created but if I am not satisfied with existing text areas then again I enter some value with out refreshing page  But the text field value entered previously prevails showing the new text areas below the existing text areas on the page  So  how do I clear the value with out refreshing the page   lt div gt       lt html gt        lt input type  quot text quot  name    quot numquest quot  id   quot numquest quot  value  quot  quot  size  quot 5 quot  style  quot  quot  disabled gt        lt input type  quot button quot  value  quot submit quot  onclick  quot getFields    quot  gt   lt  div gt       lt  html gt            lt javascript gt        var num q document getElementById  numquest   value         code for dynamic creation      lt  javascript gt

User · Answer

You can set the value of the element to blank  document getElementById  elementId   value

User · Answer

you can just do as you get that elements value  document getElementById  numquest   value

User · Answer

I had that issue and I solved by doing this    done function                           this  find  input   val                              feedback   trigger  reset                          I added this code after my script as I used jQuery  Try same    lt script type  text JavaScript  gt             document  ready function                     feedback   submit function event                    event preventDefault                      ajax                       url   feedback lib php                       type   post                       data      feedback   serialize                      done function                           this  find  input   val                              feedback   trigger  reset                                                         lt  script gt       lt form id  feedback  action    name  feedback  method  post  gt           lt input id  name  name  name  placeholder  name    gt           lt br   gt           lt input id  surname  name  surname  placeholder  surname    gt           lt br   gt           lt input id  enquiry  name  enquiry  placeholder  enquiry    gt           lt br   gt           lt input id  organisation  name  organisation  placeholder  organisation    gt           lt br   gt           lt input id  email  name  email  placeholder  email    gt           lt br   gt           lt textarea id  message  name  message  rows  7  cols  40  placeholder             gt  lt  textarea gt           lt br   gt           lt button id  send  name  send  gt send lt  button gt       lt  form gt

User · Answer

HTML   lt form id  some form  gt   lt  -- some form elements -- gt   lt  form gt    and jquery      some form   reset

User · Answer

Assign empty value   document getElementById  numquest   value null    or  if want to clear all form fields  Just call form reset method as   document forms  form name   reset

User · Answer

lt form gt   lt input type  text  placeholder  user-name    gt  lt br gt   lt input type submit value  submit  id  submit    gt   lt br gt   lt  form gt    lt script gt    window  load function        form   children  input not  submit    val         lt  script gt    You can use this script where every you want

User · Answer

try this   Using jQuery   You can reset the entire form with       myform   0  reset      Or just the specific field with       form-id   children  input   val       Using JavaScript Without jQuery   lt input type  button  value  Submit  id  btnsubmit  onclick  submitForm    gt   function submitForm           Get the first form with the name       Hopefully there is only one  but there are more  select the correct index    var frm   document getElementsByName  contact-form   0      frm submit       Submit    frm reset        Reset    return false     Prevent page refresh

User · Answer

val   or  value is IMHO the best solution because it s useful with Ajax  And  reset   only works after page reload and APIs using Ajax never refresh pages unless it s triggered by a different script

User · Answer

I believe it s better to use       form-id   find  input   val        instead of      form-id   children  input   val        incase you have checkboxes in your form use this to rest it       form-id   find  input checkbox   removeAttr  checked

[javascript] How do I clear the previous text field value after submitting the form with out refreshing the entire page?

Examples related to javascript

Examples related to html

Examples related to forms