我想单击示例图像中的“添加”按钮时,将输入字段中的数据动态添加到HTML表中。我该怎么做?我可以用PHP做到吗?因为我是
初学者,我无法从此处找到完全匹配的结果,
但是我发现了一个相关的线程Creating a dynamic table using php based on users input data,但是我认为该过程按照代码分为2页(一页用于输入,另一页用于在表中显示输入数据)...任何帮助将不胜感激。
最佳答案
假设您使用的是jquery(赋予您的标记),则类似以下内容的方法将起作用:
$("button").click(function() {
var newRow = "<tr>";
$("form input").each(function() {
newRow += "<td>"+$(this).val()+"</td>";
});
newRow += "</tr>";
$("table").append(newRow);
});
有更好的方法可以做到这一点,但是如果您刚刚开始学习,那么这可能是一个非常简单的起点。您应该在此处感兴趣的功能是:.click,.each,.val和.append。我建议您检查一下jQuery文档-他们会给您很好的例子来扩展您的知识。