javascript - (php)如何放置按钮来获取新的输入字段(内有图片)

Question

我是 PHP 编码新手，所以我有两个问题要问...

如果我想通过单击“+”按钮来获得更多输入字段，如下图所示

点击“+”按钮后会提供如下图所示的输入框

所以...第一个问题，我该怎么做？

第二个问题，在我这样做之后，如何将这些数据存储在同一个表中。

例如，教育表包含 ID(自动编号)、用户 ID、学位、专业、大学、年份和荣誉。

当一个用户像这样输入数据时

假设用户ID是10000，那么表中应该这样存储...

(1)ID(红色自动编号)、(2)用户 ID、(3)学位、(4)专业、(5)大学、(6)年份和 (7)荣誉。

(1)00001、(2)10000、(3)硕士学位、(4)信息技术、(5)易三仓大学、(6)2014年、(7)无。

(1)00002、(2)10000、(3)学士学位、(4)商业数据分析、(5)国立法政大学、(6)2012、(7)优等生。

提前谢谢您。

Answer 1

$(document).ready(function() {
	$("#more").click(function() {
		$("#clone" ).clone().appendTo("#main_wrap");
	});
});	

input{ width:200px; float:left;}select{ width:200px; float:left;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="submit.php" method="post">
<div style="width:250px;" id="main_wrap">
	<div id="clone" style="float:left; width:100%;">
		<select name="education[]">
			<option value="" selected="selected">Education</option>
			<option value="1">value 1</option>
			<option value="2">value 2</option>
			<option value="3">value 3</option>
		</select>
		<input type="text" name="in[]" placeholder='In'>
		<input type="text" name="from[]" placeholder='From'>
		 <select name="year[]">
				<option value="" selected="selected"> Year</option>
				<option value="2013">2013</option>
				<option value="2014">2014</option>
				<option value="2015">2015</option>
		 </select>
		 </br>
	</div>
</div>
<div style="float:left;">
	<input type="button" value="more" id="more" style="float:left;">
</div>
<div style="float:left;">
	<input type="submit" value="Submit Form" style="float:left;">
</div>
</form>

并在您的submit.php文件中使用$_POST获取所有值并插入数据库

<?php 
if(isset($_POST))
{
    echo "<pre>";
    print_r($_POST);
}   
?>