1. 程式人生 > >jquery如何自動拼接引數

jquery如何自動拼接引數

$("屬性名").serialize();  //自動拼接引數

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jquery自動拼接引數</title>
		<script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#btn").on("click",function(){
					var param = $("#form").serialize();//自動拼接引數
					console.debug(param);
				});
			});
		</script>
	</head>
	<body>
		<form id="form">
			<input type="text" name="username">
			<input type="password" name="password">
			<input type="hidden" name="id" value="1">
			<select name="optionId">
				<option value="1">資料1</option>
				<option value="2">資料2</option>
				<option value="3">資料3</option>
				<option value="4">資料4</option>
			</select>
			<input type="button" id="btn" value="自動拼接引數">
		</form>
	</body>
</html>

效果: