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

Help connecting javascript text boxes to html form code for submitting

本文关键字：html 表单 代码 提交 连接 javascript 文本 帮助      更新时间：2023-09-26

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>

您需要给您的输入名称属性…

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

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

相关文章：