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

【问题标题】：Help connecting javascript text boxes to html form code for submitting帮助将 javascript 文本框连接到 html 表单代码以进行提交
【发布时间】：2011-04-11 05:42:13
【问题描述】：

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>

【问题讨论】：

标签： php javascript forms textbox add

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

很简单，您需要为正在创建的输入元素分配一个 name 属性。提交时，表单会自动将其与其发布数据捆绑到服务器。

【讨论】：