serializeArray()方法怎么用

这篇文章主要介绍了serializeArray()方法怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
.serializeArray()方法使用标准的W3C”successful controls”的标准来检测哪些元素应当包括在内。被禁用的元素不会被包括在内。并且,元素必须含有 name 属性。此外，提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。
.serializeArray() 方法可以对单独选择的表单元素对象进行操作， 比如 , , 和 <select>。还有个更方便的方法是，直接使用 </p> <form> 标签来进行序列化操作：</form> <p></select>
$(‘form’).submit(function() {
console.log($(this).serializeArray());
return false;
});
这将产生以下数据结构(浏览器提供的console.log):
[
{
name: “a”,
value: “1”
},
{
name: “b”,
value: “2”
},
{
name: “c”,
value: “3”
},
{
name: “d”,
value: “4”
},
{
name: “e”,
value: “5”
}
]
例子:
从表单获取值，遍历并且显示他们

body, select { font-size:14px; }
form { margin:5px; }
p { color:red; margin:5px; }
b { color:blue; }

Results:

SingleSingle2MultipleMultiple2Multiple3

check1

check2

radio1

radio2

funct免费云主机、域名ion showValues() {
var fields = $(“:input”).serializeArray();
$(“#results”).empty();
jQuery.each(fields, function(i, field){
$(“#results”).append(field.value + ” “);
});
}
$(“:checkbox, :radio”).click(showValues);
$(“select”).change(showValues);
showValues();

感谢你能够认真阅读完这篇文章，希望小编分享的“serializeArray()方法怎么用”这篇文章对大家有帮助，同时也希望大家多多支持云技术，关注云技术行业资讯频道，更多相关知识等着你来学习!

相关推荐: jquery追加到元素前面的方法

这篇文章主要介绍了jquery追加到元素前面的方法的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery追加到元素前面的方法文章都会有所收获，下面我们一起来看看吧。 　　一、after()和before()方法的区别 　　af…