html 在提交之前将params添加到表单中

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 在提交之前将params添加到表单中相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<form name="real" id="real" method="POST" action="submit.php">
			<input type="submit" value="submit real form">
		</form>
		
		<div class="toBeAdded">
			<form><input type="text" name="durf1" id="durf1" value="test1"></form>
			<form><input type="text" name="durf2" id="durf2" value="test2"></form>
			<form><input type="text" name="durf3" id="durf3" value="test3"></form>
		</div>
		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		
		<script>
			$(document).ready(function(){
				$('#real').on('submit',function(event){
					
					// Assemble an array of input elements
					var dataToBeAdded = $('.toBeAdded form input');
					
					// Optionally include blank elements
					var includeBlankElements = false;
	
					$.each(dataToBeAdded,function(key,value){
						
						var name = $(this).prop('name');
						var value = $(this).val();
						
						if (includeBlankElements === true || (includeBlankElements === false && value !== "")) {
							$('#real').append('<input name="'+name+'" value="'+value+'">');
						}
					});
	
					return true;
				});
			});
	
		</script>
	</body>
</html>

以上是关于html 在提交之前将params添加到表单中的主要内容，如果未能解决你的问题，请参考以下文章