Javascript 使用不同的名称标识符复制PHP表单的部分
我已经创建了一个类似这样的PHP表单，以添加有关教员的详细信息。 我希望能够用不同的ID复制此部分（在边框内）。我可以在数组中存储每个成员的详细信息吗 这是添加另一个成员后的外观。 我的代码如下：Javascript 使用不同的名称标识符复制PHP表单的部分,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我已经创建了一个类似这样的PHP表单，以添加有关教员的详细信息。 我希望能够用不同的ID复制此部分（在边框内）。我可以在数组中存储每个成员的详细信息吗 这是添加另一个成员后的外观。 我的代码如下： <html> <style> .container { width:21%; border:1px solid #d3d3d3; } .container div { width:99%; } .container .header { bac
<html>
<style>
.container { width:21%; border:1px solid #d3d3d3; }
.container div { width:99%; }
.container .header { background-color:#d3d3d3; padding: 2px; cursor: pointer; font-weight: bold; }
.container .content { display: none; padding : 5px; }
.faculty {border: 1px black solid;}
</style>
<head>
<meta charset="UTF-8">
<script src="jquery-1.11.2.min.js"></script>
</head>
<body>
<form action="added.php" method="post">
<div class="container"><div class="header">Faculty</div>
<div class="content">
<input type="button" id="f_add" value="Add Member" /> <input type="button" id="f_rem" value="Remove Last" />
<div class="faculty" name="f_1" id="f_1">
Name: <input type="text" name="f_name_1" required /><br>
Role: <input type="text" name="f_role_1" required /><br>
Email: <input type="text" name="f_email_1" /> <br>
Biography: <textarea name="f_bio_1" rows="5" cols="38"></textarea><br>
Office Hours:<br><input type="checkbox" name="f_mon_0" /> Mon <input type="checkbox" name="f_tue_0" /> Tue <input type="checkbox" name="f_wed_0" /> Wed <input type="checkbox" name="f_thu_0" /> Thu <input type="checkbox" name="f_fri_0" /> Fri <br>
Image: <input type="file" name="f_image_0" /><br>
</div>
</div>
</div>
<input type="submit" value="Submit"/>
<script>
$(".header").click(function () {
$(this).next().slideToggle(500, function () {});
});
$("#f_add").click(function () {
$(".faculty").clone().prop({name: "f2", id: "f2"}).appendTo(".content");
});
$("#f_rem").click(function () {
});
</script>
</form>
</body>
</html>
.容器{宽度：21%；边框：1px实心#d3；}
.container div{width:99%；}
.container.header{背景色：#d3；填充：2px；光标：指针；字体重量：粗体；}
.container.content{display:none；padding:5px；}
.faculty{边框：1px黑色实心；}
官能
名称：
角色：
电子邮件：
传记：
办公时间：周一周二周三周四周五
图像：
$（“.header”）。单击（函数（）{
$（this.next（）.slideToggle（500，函数（）{}）；
});
$（“#f#u添加”）。单击（函数（）{
$（“.feculty”）.clone（）.prop（{name:“f2”，id:“f2”}）.appendTo（“.content”）；
});
$（“#f#rem”）。单击（函数（）{
});
$session2\u fname=$\u POST[session2][f\u name]是的，您可以将所有详细信息存储在一个数组中。您可以给我一个如何使用的示例吗？可以在表单控件上使用数组名称吗