通过PHP将Javascript动态HTML输入POST(每个添加的输入都需要重命名字段's）

Javascript Dynamic HTML Inputs to POST via PHP (Need to rename field's per added input)

本文关键字：输入 字段 重命名 添加 动态 Javascript PHP HTML POST 通过      更新时间：2023-09-26

我看到了一些类似但不够具体的问题。这一个——添加了javascript的提交表单输入字段——是最接近的比较，但它对我来说是压倒性的（不是真正的javascript爱好者）。

我正在尝试通过PHP在下一页上独立地动态添加输入。我的代码如下（我在谷歌上找到的）。

表单页面

<script language="javascript">
fields = 0;
function addInput() {
if (fields != 19) {
document.getElementById('text').innerHTML += "<li>Link Title:<br /><input type='text' name='title' /><br />Link Address:<br /><input type='text' name='name' /><br />Description:<br /><input type='text' name='copy' /></li>";
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Only 20 data entries allowed.";
document.form.add.disabled=true;
}
}
</script>
<form name="form" action="form.php" method="post">
<ul class="form">
<li>
Link Title:<br /><input type="text" name="title" /><br />
Link Address:<br /><input type="text" name="name" /><br />
Description:<br /><input type="text" name="copy" />
</li>
<div id="text">
</div>
</ul>
<input type="button" onclick="addInput()" name="add" value="Add input field" /> <input type="submit" value="Submit" />
</form>

POST PAGE-不确定从哪里开始，因为所有字段都使用名称"title"？-不过我可以接受这一页。

<?php
    echo $_POST['title'];
?>

innerHTML += "<li>Link Title:<br /><input type='text' name='title' /><

如果您将最后一位更改为

name='title" + fields + "' /><

（注意第二个撇号的位置）然后他们获得了标题0、标题1、标题2…的唯一名称

相关文章：