Question

有一个有希望回答的好查询。

我有一个用于将行添加到数据库中的表单。加载页面时显示的默认行数为6.我想添加选项，通过更改字段或单击按钮等向表单添加更多行。

我目前使用while循环打印表单。我只是说：

while($rows > 0) {
    echo "FORM INPUTS HERE";
    $rows = $rows - 1;
}

因此循环遍历打印记录1的一组输入，然后从计数中取出一个，然后为记录2打印一组输入，依此类推。

有没有办法在不刷新页面的情况下让while循环打印更多？最简单的方法是在页面顶部放置一个小表单，带有一个额外的列字段和提交按钮。然后，这会将值发回到同一页面，并将其添加到默认行数。

我想这样做而不必提交，发布或获取任何内容，但要让它在那时发生。

我认为它可能很棘手，因为while循环已经运行了，我不知道如何让它再次运行。

干杯

编

Answer 1

如果您需要一个空表单，请使用Javascript并将这些新表单元素动态添加到DOM中！：）

您是否需要在该表单上加载一些信息？

Answer 2

您可以使用 ajax 来实现您的愿望。它不刷新页面，而是异步地向服务器发送请求并获取内容并附加到表单。

示例，如果您有这样的代码：

<form method="post">
    <ul>
        <li><label><strong>Field 1:</strong> <input type="text" /></label></li>
        <li><label><strong>Field 2:</strong> <input type="text" /></label></li>
        <li><label><strong>Field 3:</strong> <input type="text" /></label></li>
        <li><label><strong>Field 4:</strong> <input type="text" /></label></li>
        <li><label><strong>Field 5:</strong> <input type="text" /></label></li>
    </ul>
</form>

现在使用jQuery的$.getScript函数，您可以获取一个类似于此的脚本：

$("form ul").append('<li><label><strong>Field ' + $currentValue + ':</strong> <input type="text" /></label></li>');

这适合你。

Answer 3

感谢所有建议人员。

我决定在我的页面顶部找一个小的1张表格，用户输入他们想要添加的行数，然后按添加按钮。

它应该足够了，因为页面不需要过于花哨，并且实现起来更快更简单。

非常感谢

编

调整表格行数

3 个答案: