1
我創建了一個看起來像這樣的PHP表單,以添加關於教員成員的詳細信息。 帶有不同名稱標識符的PHP表單的重複部分
我想能夠用不同的ID複製這個部分(在邊界內)。我可以將每個成員的詳細信息存儲在數組中嗎?
這是添加其他成員後的樣子。
我的代碼如下:
<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>
是,可以將所有的細節存儲在數組中。 –
你能舉一個例子嗎? – apoorvk
可以在窗體控件上使用數組名稱 – charlietfl