How to add additional fields to form before submit

Question

Is there a way to use javascript and JQuery to add some additional fields to be sent from a HTTP form using POST   I mean    lt form action  somewhere  method  POST  id  form  gt     lt input type  submit  name  submit  value  Send    gt   lt  form gt    lt script type  text javascript  gt        form   submit  function eventObj           I want to add a field  field  with value  value  here        to the POST data      return true         lt  script gt

User · Answer

This works   var form     this  closest  form     form   form serializeArray     form   form concat        name   customer id   value  window username        name   post action   value   Update Information          post   change-user-details   form  function d        if  d error            alert  There was a problem updating your user details

User · Answer

form   append   lt input type  text  value    yourValue      gt

User · Answer

You can add a hidden input with whatever value you need to send       form   submit function eventObj          this  append   lt input type  hidden  name  someName  value  someValue  gt         return true

User · Answer

May be useful for some    a function that allow you to add the data to the form using an object  with override for existing inputs  if there is   pure js    form is a dom el  and not a jquery object  jqryobj get 0  if you need     function addDataToForm form  data        if typeof form      string             if form 0           form   form slice 1           form   document getElementById form              var keys   Object keys data       var name      var value      var input       for  var i   0  i  lt  keys length  i              name   keys i              removing the inputs with the name if already exists  overide             console log form           Array prototype forEach call form elements  function  inpt                 if inpt name     name                     inpt parentNode removeChild inpt                                       value   data name           input   document createElement  input            input setAttribute  name   name           input setAttribute  value   value           input setAttribute  type    hidden             form appendChild input              return form      Use    addDataToForm form         uri   window location href        kpi val   150                   you can use it like that too  var form   addDataToForm  myFormId          uri   window location href        kpi val   150                   you can add   if you like too    myformid

User · Answer

Yes You can try with some hidden params         form   submit  function eventObj              lt input   gt    attr  type    hidden              attr  name    something              attr  value    something              appendTo   form          return true

User · Answer

Try this       form   submit function eventObj          this  append   lt input type  hidden  name  field name  value  value    gt          return true

[jquery] How to add additional fields to form before submit?

Examples related to jquery

Examples related to html

Examples related to forms

Examples related to post

Examples related to field