Javascript 如何在php数据库中保存动态下拉列表和文本框中的多个值

我有一个按钮，可以将文本框与它的食物和动物价值一起添加。但是，我在将其保存到数据库时遇到了一个问题。有没有一种方法，我可以保存所有选择的动物名称，食物，生日和命名。假设用户选择了狗、猫和猴子。如何将所有信息连同所选的下拉类和动物一起保存到数据库中，因为它只保存最后添加的动物信息，而不是所有选择的选项。求你了，我需要帮助

请翻开整页看看代码是如何工作的，并尝试先忽略错误

将所有信息作为数组的一组发布，应用foreach循环，将其与动物列表的所有信息一起插入到相应的行中
 为了将值数组发布到服务器，您可以在HTML表单上应用命名约定，如下所示：

<input name="food[]" id="food-1" value="Grass" />
<input name="food[]" id="food-2" value="Fruit" />

之后，您可以循环
$\u POST['food']
数组中的值，并按照您想要的方式将其插入数据库。从我目前所看到的情况来看，您可能希望更改db结构以允许多个
food
列值，或者仅将
introde（'，'，$\u POST['food']）
等列值串联起来，这将使用上面的示例生成
Grass，Fruit

几个旁注：

请考虑更新代码以使用MySQL连接的<代码> PDO < /代码>扩展。更多关于
页面中有多个具有相同ID的元素，例如
ID=“bday”
。考虑添加一个索引，如<代码> ID=“BADY-23” 
将php变量直接包含到查询中（例如，
值（“$class”、“$animal”、“$food”、“$given_name”、“$birth”）
）是一种潜在的SQL注入。参见第1点-使用
PDO
考虑在保存数据之前进行一些验证
希望有帮助

[
    "food" => [
        "Grass",
        "Fruit"
    ]
]