Jquery - SerializeArray() by ID
Jquery - SerializeArray() by ID
提问于 2012-08-28 14:27:58
我遇到了这个问题，我使用serializearray() jquery将表单的所有字段序列化为Json。如果我在输入中放入name属性，它会工作得很好，但如果我想只放入ID属性，它就不能工作。
good函数的名称类似：'#myformnameid‘
function formToJson(nameForm)
{
var jsonForm={};
var queryFrom = $(nameForm).serializeArray();
for (i in queryFrom) {
jsonForm[queryFrom[i].name] = queryFrom[i].value;
}
return jsonForm;
}我尝试使用attr来解决ID问题。
function formToJson(nameForm)
{
var jsonForm={};
var queryFrom = $(nameForm).serializeArray();
for (i in queryFrom) {
jsonForm[queryFrom[i].attr("id")] = queryFrom[i].value;
}
return jsonForm;
}有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-28 22:34:22
serializeArray所做的是获取表单输入对象，并将它们转换为javascript对象数组。在documentation中，该表单类似于
[
{
name: "a",
value: "1"
},
{
name: "b",
value: "2"
},
{
name: "c",
value: "3"
}
]您可以通过名称或值来迭代此数组，就像您所做的那样，它将返回适当的数据。
您遇到的问题是，您不再迭代实际的元素，而只是迭代来自这些元素的数据。如果你想遍历元素，你需要做一些类似的事情：
function formToJson(nameForm)
{
var jsonForm={};
$("input", $(nameForm)).each(function(index){
jsonForm[$(this).attr("id")] = this.value;
})
return jsonForm;
}Stack Overflow用户
发布于 2018-04-24 02:48:17
这是一个老帖子，但我想我应该补充一下我的想法。从下面的链接复制源代码，您将能够向返回的数组中添加任何您想要的元素属性。这样，您的实现就是jQuery的实现。是的，如果更新了jQuery源代码，您将需要手动更新您的代码，但这与提出的其他解决方案相同。
https://searchcode.com/codesearch/view/25323764/
var
rbracket = /\[\]$/,
rCRLF = /\r?\n/g,
rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
rsubmittable = /^(?:input|select|textarea|keygen)/i,
rcheckableType = /^(?:checkbox|radio)$/i;
$.fn.extend({
customSerializeArray: function() {
return this.map(function() {
// Can add propHook for 'elements' to filter or add form elements
var elements = $.prop(this, 'elements');
return elements ? $.makeArray(elements) : this;
})
.filter(function() {
var type = this.type;
// Use .is(':disabled') so that fieldset[disabled] works
return this.name && !$(this).is(':disabled') &&
rsubmittable.test(this.nodeName) && !rsubmitterTypes.test(type) &&
(this.checked || !rcheckableType.test(type));
})
.map(function(i, elem) {
var val = $(this).val();
if (val == null) {
return null;
}
if ($.isArray(val)) {
return $.map(val, function(val) {
return { name: elem.name, value: val.replace(rCRLF, '\r\n') };
});
}
return { name: elem.name, value: val.replace(rCRLF, '\r\n') };
}).get();
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12153831
复制相关文章
相似问题
腾讯云开发者
