Create a hidden field in JavaScript

Question

How do you create a hidden field in JavaScript into a particular form          lt html gt       lt head gt         lt script type  text javascript  gt        var a  10  function test           if  a   10                     Here i need to create some hidden field for form named   chells                  lt  script gt         lt  head gt          lt body  gt         lt form id  chells  name  formsdsd  gt         lt INPUT TYPE BUTTON OnClick  test     gt        lt  form gt        lt  body gt       lt  html gt

User · Accepted Answer

var input   document createElement  input     input setAttribute  type    hidden     input setAttribute  name    name you want     input setAttribute  value    value you want       append to form element that you want   document getElementById  chells   appendChild input

User · Answer

You can use this method to create hidden text field with without form  If you need form just pass form with object status   true    You can also add multiple hidden fields  Use this way    CustomizePPT setHiddenFields                   hidden                            fieldinFORM     thisdata201                  fieldinFORM2     this3    multiple hidden fields                                                                                    nNoOfFields     nthData                  form                    status     true            formID     form3                 x000D   x000D  var CustomizePPT   new Object    x000D  CustomizePPT setHiddenFields   function     x000D      var request       x000D   var container       x000D   console log arguments   x000D   request   arguments 0  hidden  x000D      console log arguments 0  hasOwnProperty  form     x000D   if arguments 0  hasOwnProperty  form      true  x000D     x000D    if arguments 0  form status     true    x000D     var parent   document getElementById  container    x000D     container   document createElement  form    x000D     parent appendChild container   x000D     Object assign container    id  arguments 0  form formID    x000D      x000D     x000D   else  x000D     container   document getElementById  container    x000D     x000D    x000D     var container   document getElementById  container    x000D   Object keys request  forEach function elem  x000D     x000D    if       elem  length  lt   0   x000D     console log  Hidden Field created    x000D     var input   document createElement  input    x000D     Object assign input    type     text    id    elem   value    request elem     x000D     container appendChild input   x000D     else  x000D     console log  Hidden Field Exists and value is below     x000D           elem  val request elem    x000D      x000D       x000D     x000D   x000D  CustomizePPT setHiddenFields     hidden      fieldinFORM     thisdata201     fieldinFORM2     this3     form      status     true   formID     form3        x000D  CustomizePPT setHiddenFields     hidden      withoutFORM     thisdata201   withoutFORM2     this2      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt div id  container  gt  x000D   x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You can use jquery for create element on the fly      form   append   lt input type  hidden  name  fieldname  value  fieldvalue    gt       or other way       lt input gt    attr       type   hidden       id   fieldId       name   fieldname     appendTo  form

User · Answer

I ve found this to work   var element1   document createElement  input    element1 type    hidden   element1 value    10   element1 name    a   document getElementById  chells   appendChild element1

[javascript] Create a hidden field in JavaScript

Examples related to javascript