如何在页面刷新时使用php动态添加/删除表单
在页面刷新时使用PHP动态添加/删除表单，可以通过以下步骤实现：
- 创建一个初始表单： 在HTML页面中，创建一个初始表单，包含一个表单元素和一个按钮，用于添加新的表单元素或删除现有的表单元素。
- 使用JavaScript监听按钮点击事件： 使用JavaScript监听添加和删除按钮的点击事件，当点击添加按钮时，动态添加新的表单元素；当点击删除按钮时，删除相应的表单元素。
- 使用PHP处理表单提交： 在PHP中，使用$_POST或$_GET接收表单提交的数据，并进行相应的处理。可以通过循环遍历$_POST或$_GET数组，获取动态添加的表单元素的值。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>动态添加/删除表单</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
var counter = 1;
$("#addBtn").click(function() {
var newForm = '<div id="form' + counter + '"><input type="text" name="input[]" placeholder="输入内容"><button class="removeBtn" data-id="' + counter + '">删除</button></div>';
$("#formContainer").append(newForm);
counter++;
});
$(document).on("click", ".removeBtn", function() {
var id = $(this).data("id");
$("#form" + id).remove();
});
});
</script>
</head>
<body>
<form method="post" action="process.php">
<div id="formContainer">
<div id="form1">
<input type="text" name="input[]" placeholder="输入内容">
<button class="removeBtn" data-id="1">删除</button>
</div>
</div>
<button id="addBtn">添加</button>
<input type="submit" value="提交">
</form>
</body>
</html>在上述示例中，使用jQuery库来简化DOM操作。点击添加按钮时，通过jQuery的append方法动态添加新的表单元素；点击删除按钮时，通过jQuery的remove方法删除相应的表单元素。
在PHP中，可以通过以下代码处理表单提交：
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$inputs = $_POST["input"];
foreach ($inputs as $input) {
echo $input . "<br>";
}
}
?>上述代码通过遍历$_POST"input"数组，输出动态添加的表单元素的值。
这种动态添加/删除表单的方法适用于需要根据用户需求动态增减表单元素的场景，例如表单中的多个输入项、多个选项等。
相关·内容
2回答
我已经开发了2个网页：-具有动态内容的页面1-通过buttons+javascript功能+所有创建的表单的提交按钮添加或删除表单。在成功提交表单中的数据后，一个php文件重定向到第2页：-带返回页面-1按钮的第2页(使用window.history.go(-1) javascript函数)
当从页面2返回到页面1时，动态创建的表单</e
浏览 3提问于2013-07-04得票数 1
我的页面使用jQuery动态地创建行，但是当我刷新表单时，行就消失了。这是一个主详细信息页面，我正在创建一个计费详细页面。细节有一个按钮，当你点击它时，它会显示一个对话框，询问细节信息。在对话框中单击ok之后，我将使用Jquery在details表上添加一个新的细节。问题是当您刷新页面<
浏览 0提问于2010-01-27得票数 3
回答已采纳
我对JSF很陌生(在我的硕士论文中使用它)，我正在尝试实现以下功能：
在第二个h:form中，我有一个p:dataTable和一个用于在表中添加数据的输入表单。add按钮使用f:ajax事件在添加输入后呈现第二个h:<e
浏览 2提问于2012-09-27得票数 1
POST" target="_self"><input type="Submit" value="submit">.phpphp (isset($_POST‘’name‘))回显$_POST’‘name’；？>
问题是，当我在"name“字段中写了一些东西，然后单击"submit”，我得到的
浏览 6提问于2014-03-06得票数 1
回答已采纳
5回答
我正在试着为我的网站做一个PHP / JavaScript聊天系统。如何在不刷新页面的情况下做到这一点？第二部分似乎需要您刷新页面。我不想每次用户说什么都刷新页面。有没有一种方法可以在后台运行PHP，而不需要执行POST或GET？我是
浏览 0提问于2012-09-27得票数 0
1回答
您好，我正在尝试使用JS和AJAX动态删除数据库条目，而不刷新整个页面。这是我的data.php文件：require_once('db.php');
$query = "SELECT * FROM message";使用此代码，我将从mysql表中检索数
浏览 7提问于2012-07-05得票数 0
我在我的网站底部有一个反馈部分，但当我按下提交时，它会打开一个新页面，我想让它留在同一页上。https://voxet.net <?php $feedback_desc = $_POST['feedback_desc'];
$cvsData
浏览 23提问于2020-06-15得票数 0
1回答
页面刷新WP PHP
、、、
在test文件夹中，有一些PHP测试页面可以与我自己的数据库进行交互。问题是，每次我想通过这个PHP测试页面在我自己的数据库上编辑或添加一些东西时，用户界面都不会刷新内容；我每次都必须按F5键才能看到更改。下面的代码是一个PHP测试页面(test.php)的示例。 <?><
浏览 31提问于2019-10-12得票数 0
1回答
当您在网页上进行软刷新时，Javascript的预期行为是什么？不过，我的问题比这更笼统一些。我想知道网页动态内容刷新时，web浏览器的指定行为是什么。特别是：
Javascript会重新运行。如何在<em
浏览 5提问于2009-12-02得票数 0
1回答
我有一个有姓名，Id，地址等的表单。它需要在用户输入ID后刷新，以便查询和检索其他信息，如基于输入的ID的专业。一旦刷新，我通过Get方法检索回输入值，以便保留输入的表单值。如下所示 $_SESSION['Bid']=@$_GET['Bid']; $_SESSIO
浏览 0提问于2011-10-19得票数 0
我有一些从表单传递过来的信息，需要使用一次，而且只使用一次。我可以很好地从$_POST收集它，但我不确定哪种“最好”的方法来确保我只能使用它一次，也就是说，我想避免用户重复按F5键并多次访问该函数。
浏览 4提问于2011-11-18得票数 2
回答已采纳
2回答
<GridComponent Data="@dataList"/></ParentComponent>
其中@renderFragment是动态呈现组件，Grid组件是一些操作的列表，例如“添加新的”、“编辑记录”、“删除”。如果我们单击"add“，则在@renderFragment中动态打开用于添加新记录的表单，并且我们希望在提交表单</
浏览 0提问于2020-05-27得票数 7
回答已采纳
1回答
我在我的网站上有一个简单的表单，允许用户在照片上添加评论。但是，表单不使用ajax (如facebook)。相反，它会提交表单并刷新页面。这很好，但是，如果用户重新加载页面，会有一个警报，提示他/她将重新提交数据，从而导致两个相同的评论。我想删除此重新提交，而不将用户发送到确认页面。谢谢。这是我的表格：
<form name='form' action='
浏览 1提问于2011-08-06得票数 0
1回答
tr是动态生成的。例如<td>info </td>...<td><a href="delete.php">delete</a></td>
我想要做的是，当我单击删除链接时
浏览 0提问于2010-01-12得票数 1
回答已采纳
1回答
一旦按下"a“，我将尝试删除cookie。所以我想像这样使用ajax：$logged = false; $logged = true;然后在ajax.php上：但是，当我单击"a“(即"Logout"，请参见bottlesbeach.eu)时，
浏览 2提问于2021-03-20得票数 0
回答已采纳
2回答
我是Laravel框架中的新手，我需要一个选项来添加和删除表单中的一行。在Laravel有什么更简单更快的方法吗?还是我需要像这个视频中的“旧式学校”？
浏览 2提问于2016-04-19得票数 1
回答已采纳
2回答
刷新后保存值
、、、
我正在通过一个表单传递一个值‘name=“”idUser“，其中的POST从pageA到pageB。$link="LOCATION:pageB.php?ok=1";问题是，当我用该方法刷新页面时，表的查询会出现错误：
注意:未定义索
浏览 5提问于2016-05-03得票数 0
我有一个php页面，结构是这样的：我希望在提交表单时标记刷新其内容，因为我需要向已添加到数据库的表单表中添加新数据。$("article").load("add.php article");
也就是说，我想用新的内容刷新同一页，而不是实际刷新。它工作得很好，除了它打破了我的CSS。有没有办
浏览 0提问于2011-04-27得票数 0
回答已采纳
2回答
我有一个简单的“联系我”部分在我的网站上，我试图找出如何防止页面在刷新时，用户输入无效的电子邮件。我之所以要阻止这种情况，是因为当他们输入无效的电子邮件时，页面会刷新，并将其带到页面的顶部。我不知道如何防止页面在提交后滚动到顶部。我现在只有一个简单的php表单验证。有什么建议吗？这会和JavaScript一起完成吗？或者我可以将它添加到我现有的php验证脚本中吗？不知道从哪里开始。
浏览 5提问于2022-07-27得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
