0

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

客户希望有一个“添加行”按钮来向表单的一个部分添加其他行。如果这个添加行按钮只是添加了一个单独的输入框，但“添加行”本质上是添加一段文本框，那就没问题了。本节中有 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>

然后我只是将会话变量分配给它们。不知道我如何处理这个......

提前致谢！

4

1 回答 1

0

我假设您使用的是 jquery，如果不是我推荐它，因此以下代码可以正常工作。

这不是 TESTED，但您的问题的解决方案应如下所示：

<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>

不要忘记枚举/替换生成的 textareas 名称和 id

于 2013-09-19T14:36:46.430 回答