使用 jQuery动态创建隐藏输入表单字段的最简单方法是什么？
jQuery - 动态创建隐藏的表单元素
IT技术
javascript
jquery
forms
hidden-field
2021-01-15 20:17:31
6个回答
$('<input>').attr('type','hidden').appendTo('form');
回答你的第二个问题：
$('<input>').attr({
type: 'hidden',
id: 'foo',
name: 'bar'
}).appendTo('form');
$('#myformelement').append('<input type="hidden" name="myfieldname" value="myvalue" />');
与 David 的相同，但没有 attr()
$('<input>', {
type: 'hidden',
id: 'foo',
name: 'foo',
value: 'bar'
}).appendTo('form');
如果您想添加更多属性，请执行以下操作：
$('<input>').attr('type','hidden').attr('name','foo[]').attr('value','bar').appendTo('form');
或者
$('<input>').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');