Javascript 带有多个

我正在构建一个PHP电子邮件表单，此表单在提交时将发送一封电子邮件，其中包含服务器上CSV文件的链接以及提交的信息。我在完成表格的一半时碰到了一个小障碍

客户机希望有一个“添加行”按钮来向表单的一个部分添加额外的行。如果这个addrow按钮只是添加了一个单独的输入框，但是“addrow”实质上是添加了一部分文本框，那就可以了。此部分有5个文本区域框。我真的不知道如何做到这一点

这是HTML：

<tr>
    <td><textarea name="examtype" id="examtype"><?php echo $_SESSION['examType']; ?></textarea></td>
    <td><textarea name="examdate" id="examdate"><?php echo $_SESSION['examDate']; ?></textarea></td>
    <td><textarea name="examsubject" id="examsubject"><?php echo $_SESSION['examSubject']; ?></textarea></td>
    <td><textarea name="examgrade" id="examgrade"><?php echo $_SESSION['examGrade']; ?></textarea></td>
</tr>

然后我只是将会话变量分配给它们。不知道我是怎么做到的

---

提前谢谢

我假设您使用的是jquery，如果不是，我建议您使用它，以便以下代码正常工作

这是未测试的，但问题的解决方案应如下所示：

<script>

var additional_rows = 0;

$(document).ready(function(){
    $('#button_add').click(function() {
        additional_rows = additional_rows + 1;
        $('#add_rows').val(additional_rows);

        $('#myTable').append('<td><textarea name="examtype_' + additional_rows + '" id="examtype_' + additional_rows + '"></textarea></td>
                              <td><textarea name="examdate_' + additional_rows + '" id="examdate_' + additional_rows + '"></textarea></td>
                              <td><textarea name="examsubject_' + additional_rows + '" id="examsubject_' + additional_rows + '"></textarea></td>
                              <td><textarea name="examgrade_' + additional_rows + '" id="examgrade_' + additional_rows + '"></textarea></td>');
    });
});
</script>

<form action='#' method="post">
    <input name="add_rows" id="add_rows" type="hidden" value="0" />
    <table id="myTable">
        <tr>
            <td><textarea name="examtype_0" id="examtype_0"><?php echo $_SESSION['examType']; ?></textarea></td>
            <td><textarea name="examdate_0" id="examdate_0"><?php echo $_SESSION['examDate']; ?></textarea></td>
            <td><textarea name="examsubject_0" id="examsubject_0"><?php echo $_SESSION['examSubject']; ?></textarea></td>
            <td><textarea name="examgradev_0" id="examgrade_0"><?php echo $_SESSION['examGrade']; ?></textarea></td>
        </tr>
    </table>
    <button type="submit">Submit</button>
    <button id="button_add">Add Row</button>
</form>

var附加_行=0；
$（文档）.ready（函数（）{
$（'#按钮_添加'）。单击（函数（）{
附加_行=附加_行+1；
$（'添加行'）.val（附加行）；
$（'#myTable'）。追加（'
');
});
});
提交
添加行

---

别忘了枚举/替换生成的文本区域名称和id可能会对您有所帮助。添加行按钮在哪里？用于添加行的JavaScript在哪里？您好，这对于添加新行非常有用。救了我一命，谢谢。然而，我认为我将面临的主要问题是，根据用户添加的行数，使用PHP获取信息。可能有2行，也可能有200行…然后计算添加行的数量，并将值放入隐藏的输入中，以便将其与表单一起提交，您可以通过PHP$\u POST获得金额，我已编辑了代码示例（尚未测试）