使用 JQuery Ajax 动态添加删除输入字段

在本节中，我们将学习如何动态地从输入中添加和删除字段。我们将使用 Ajax、JQuery 和 PHP 来实现这一点。在我们下面的示例中，我们将使用 JQuery 来添加和删除字段，并使用 PHP 将它们存储到数据库中。在我们提供的示例中，我们将处理动态添加的字段值。我们将使用 PHP Bootstrap 将其保存到 MySQL 数据库中。

假设客户端需要向数据库添加多个值。在这种情况下，我们需要为他们添加更多功能。如果我们想让我们的表单更有趣和吸引人，我们可以为用户提供一个“+”按钮，通过该按钮，他们可以一次添加多个值。为了继续进行此操作，我们将使用分步过程，如下所述：

步骤 1

在此步骤中，我们将创建数据库表。为此，我们将创建一个名为“test”的数据库，并创建一个名为“tagslist”的表，该表将包含 id 和 name 两个列。之后，我们将使用下面的 SQL 查询轻松创建“tagslist”表。

SQL 查询

步骤 2

在此步骤中，我们将创建index.php 文件。在此文件中，我们将创建一个包含按钮和一个文本输入框的表单。我们还将通过在 JQuery 中编写以下代码来添加更多字段。因此，我们将使用 index.php 文件并将以下代码添加到其中。

index.php

步骤 3

在此步骤中，我们将创建addmore.php 文件。我们将使用 MySQL 查询来输入数据库数据。因此，我们将使用 addmore.php 文件并将以下代码添加到其中。

addmore.php

现在我们的代码已准备就绪，可以运行了。运行后，将生成以下输出：