jQuery - Create hidden form element on the fly

Question

What is the simplest way to dynamically create a hidden input form field using jQuery

User · Answer

if you want to add more attributes just do like:

$('<input>').attr('type','hidden').attr('name','foo[]').attr('value','bar').appendTo('form');

Or

$('<input>').attr({
    type: 'hidden',
    id: 'foo',
    name: 'foo[]',
    value: 'bar'
}).appendTo('form');

User · Answer

function addHidden theForm  key  value           Create a hidden input element  and append it to the form      var input   document createElement  input        input type    hidden       input name   key    name-as-seen-at-the-server     input value   value      theForm appendChild input         Form reference  var theForm   document forms  detParameterForm        Add data  addHidden theForm   key-one    value

User · Answer

Working JSFIDDLE   If your form is like    lt form action    method  get  id  hidden-element-test  gt        First name   lt input type  text  name  fname  gt  lt br gt        Last name   lt input type  text  name  lname  gt  lt br gt         lt input type  submit  value  Submit  gt   lt  form gt        lt br gt  lt br gt          lt button id  add-input  gt Add hidden input lt  button gt       lt button id  add-textarea  gt Add hidden textarea lt  button gt    You can add hidden input and textarea to form like this    document  ready function             add-input   on  click   function                hidden-element-test   prepend   lt input type  hidden  name  ipaddress  value  192 168 1 201    gt             alert  Hideen Input Added                      add-textarea   on  click   function                hidden-element-test   prepend   lt textarea name  instructions  style  display none   gt this is a test textarea lt  textarea gt             alert  Hideen Textarea Added                    Check working jsfiddle here

User · Answer

lt input gt    attr  type   hidden   appendTo  form      To answer your second question       lt input gt    attr       type   hidden       id   foo       name   bar     appendTo  form

User · Answer

The same as David s  but without attr        lt input gt          type   hidden       id   foo       name   foo       value   bar     appendTo  form

User · Answer

myformelement   append   lt input type  hidden  name  myfieldname  value  myvalue    gt

[javascript] jQuery - Create hidden form element on the fly

Examples related to javascript

Examples related to jquery

Examples related to forms

Examples related to hidden-field