帮助将javascript文本框连接到html表单代码以进行提交

Question

Javascript不是我的事。我会留下它。我正在尝试学习，但我在php和html上要好得多。所以，我有一些Javascript来做我需要的东西（当按下按钮时添加一个文本框）但我不知道如何将创建的框连接到变量，然后可以通过post传输到我的php处理表单。任何帮助都会很棒。这是迄今为止的代码。

<div id = "textfield1"></div>
<div id = "textfield2"></div>
<div id = "textfield3"></div>
<div id = "textfield4"></div>
<div id = "textfield5"></div>
<div id = "textfield6"></div>
<div id = "textfield7"></div>
<div id = "textfield8"></div>
<div id = "textfield9"></div>
<div id = "textfield10"></div>
<div id = "textfield11"></div>
<div id = "textfield12"></div>
<div id = "textfield13"></div>
<div id = "textfield14"></div>
<div id = "textfield15"></div>

<input type = "button" value = "Add Textbox" onclick = "addbox()">

<script type = "text/javascript">
var i = 1;
function addbox() {
if (i <= 15) {  // max number of textboxes
document.getElementById('textfield'+[i]).innerHTML =  "<input type='text' size = '20' />";
i++;
}
else {
alert ("No more textboxes possible")
}
}
</script>

Answer 1

很简单，您需要为正在创建的输入元素指定名称属性。表单将在提交时自动将其与发布数据捆绑到服务器。

Answer 2

您需要提供输入名称属性...

if (i <= 15) {  // max number of textboxes
document.getElementById('textfield'+[i]).innerHTML =  "<input type='text' name='myInput" + i + "' size = '20' />";
i++;
}