Jquery – Criar elemento de formulário oculto na hora

Qual é a maneira mais simples de criar dinamicamente um campo de formulário de input oculto usando jquery?

$('').attr('type','hidden').appendTo('form'); 

Para responder sua segunda pergunta:

 $('').attr({ type: 'hidden', id: 'foo', name: 'bar' }).appendTo('form'); 
 $('#myformelement').append(''); 

Se você quiser adicionar mais atributos, basta fazer o seguinte:

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

Ou

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

O mesmo que o de David, mas sem attr ()

 $('', { type: 'hidden', id: 'foo', name: 'foo', value: 'bar' }).appendTo('form'); 
 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'); 

Trabalhando JSFIDDLE

Se a sua forma é como

 
First name:
Last name:


Você pode adicionar input oculta e textarea para formar assim

 $(document).ready(function(){ $("#add-input").on('click', function(){ $('#hidden-element-test').prepend(''); alert('Hideen Input Added.'); }); $("#add-textarea").on('click', function(){ $('#hidden-element-test').prepend(''); alert('Hideen Textarea Added.'); }); }); 

Verifique o trabalho jsfiddle aqui