jQuery函数之serializeArray()

最新推荐文章于 2021-08-06 01:37:42 发布

Geek_ymv

最新推荐文章于 2021-08-06 01:37:42 发布

阅读量999

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Geek_ymv/article/details/40555965

版权

JavaScript 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

jQuery中文文档：http://jquery.bootcss.com/

serializeArray()将用作提交的表单元素的值编译成拥有name和value对象组成的数组。

例如[ { name: a value: 1 }, { name: b value: 2 },...]

示例代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>New Web Project</title>
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript">
			/**
			 * 被禁用的元素不会被包括在内。并且,元素必须含有 name 属性。此外，提交按钮的值也不会被序列化。
			 * 文件选择元素的数据也不会被序列化。
			 * .serializeArray() 方法可以对单独选择的表单元素对象进行操作， 比如 <input>, <textarea>, 和 <select>。
			 * 还有个更方便的方法是，直接使用 <form> 标签来进行序列化操作：
			 */
			$(function() {
				$('form').submit(function() {
					console.log($(this).serializeArray());
					return false;
				});
			});
			
		</script>
	</head>
	<body>
		<form>
			<div>
				<!-- 被禁用的元素不会被包括在内 -->
				<input type="text" name="aa" value="aa_" id="aa" disabled="true" />				
			</div>
			<div>
				<input type="text" name="bb" value="bb_" id="bb" readonly="readonly" />				
			</div>
			
			<div>
				<input type="text" name="a" value="1" id="a" />
			</div>
			<div>
				<input type="text" name="b" value="2" id="b" />
			</div>
			<div>
				<input type="hidden" name="c" value="3" id="c" />
			</div>
			<div>
				<textarea name="d" rows="8" cols="40">4</textarea>
			</div>
			<div>
				<select name="e">
					<option value="5" selected="selected">5</option>
					<option value="6">6</option>
					<option value="7">7</option>
				</select>
			</div>
			<div>
				<input type="checkbox" name="f" value="8" id="f" />
			</div>
			<div>
				<input type="submit" name="g" value="Submit" id="g" />
			</div>
		</form>
	</body>
</html>