jquery如何自动拼接参数

版权声明:《==study hard and make progress every day==》 https://blog.csdn.net/qq_38225558/article/details/83828033

$("属性名").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>

效果:

猜你喜欢

转载自blog.csdn.net/qq_38225558/article/details/83828033